Все секреты компьютера для новичка и профессионала

Сжимаем изображения в Photoshop без потери качества

Сжимаем изображения в Photoshop без потери качества

Каждый день я обрабатываю десятки изображений, которые потом добавляю на свой блог. Некоторые файлы "весят" немало, но размещать такие элементы на сайт не рекомендуется, поскольку увеличивается время загрузки страницы. Предлагаю ознакомиться с простым методом, как сжать фото в Фотошопе.

Почему именно Photoshop?

Вероятно, такой вопрос мог возникнуть в Вашей голове. Согласен, существуют и другие приложения и даже онлайн-сервисы, которые позволяют сжать картинки. Но это тема для моих последующих публикаций! А сегодня хочу рассказать именно о работе с данной программой, поскольку о ней спрашивают некоторые мои читатели.

С чего начать?

Скорее всего, на Вашем компьютере уже установлен нужный графический редактор, и рассказывать о процессе скачивания, инсталляции я не буду.

Если фото у Вас много, рекомендую их разложить по папкам согласно тематике. Потом Вам проще будет ориентироваться, что и куда сохраняется. Иначе, возможна путаница.

Обратите внимание на формат. Если Вы сохранили объекты редактирования с интернета или скопировали из фотоаппарата, то чаще всего они будут иметь расширение "jpeg/jpg". Но может быть и "gif" или "png". Для последнего типа характерна прозрачность заднего фона, что делает такие изображения уникальными. Если хотите при сжатии оставить эти свойства, то лучше подобные объекты помещать в отдельное место (папку). Далее Вы узнаете почему.


Процесс пошел!

Переходим к инструкции, как сжать фото без потери качества фотошопе. Она очень простая!

Все описанные ниже шаги актуальны для версии CC 2014 - 2015
  • Запускаем редактор Adobe Photoshop. Лучше использовать свежую версию, хотя описанный ниже функционал присутствует даже в "старых" редакциях софта.
  • Открываем нужный объект обработки (или несколько) используя соответствующий пункт в меню "Файл" или просто нажимаем на клавиатуре Ctrl + O :

Процесс открытия файла в Photoshop

Стоит отметить, что изначально исходник занимал на диске 442 Кб!

  • Теперь снова идем в "Файл" и там кликаем по варианту "Сохранить для Вэб...":

выбираем сохранение для Веб

  • Откроется новое окно с множеством настроек. Но не стоит паниковать, сейчас разберемся. Справа сверху можно выбрать из выпадающего списка формат сохранения (по умолчанию - jpeg) и указать качество от 0 до 100, используя "бегунок". Есть возможность указать предустановленные настройки сжатия: минимальное, среднее и т.д.

Параметры сжатия Jpeg картинки в Фотошопе

  • Под зоной предварительного просмотра можно видеть новый размер элемента. В данном случае он уменьшился до 232 Кб. Но и это не предел. Вы можете менять качество (уменьшать) до тех пор, пока не начнете замечать цифровые артефакты - неровности краев, волны, кубики. Также, Вы вправе изменить разрешение элемента, указав другую ширину и высоту. Возможно, Вам не нужен такой большой "лев". Это позволит еще больше минимизировать вес.

Теперь Вы знаете, как сжать размер фото в фотошопе. Но позвольте рассказать немного об особенностях формата "png".


Инструкция для PNG

  • Допустим, Вы сохранили исходник, который размещена на прозрачном фоне.

Рыжий кот в Photoshop

  • Если попытаться сохранить её вышеуказанным способом, то фон будет залит сплошным белым цветом:

Фон за котом становится белым

  • Необходимо сверху изменить тип на PNG-8 или PNG-24:

Указываем формат PNG

  • Если выбран первый вариант (8), то чуть правее будет доступен выбор количества цветов (от 2 до 256). Вы можете пробовать менять эти значения и смотреть на изображение. Стоит отметить, что это решение оптимально, если Ваш исходник не слишком насыщен и разнообразен в плане цветности, и Вас особо не беспокоит ровность краев.
  • Для лучшего качества следует выбирать режим 24, который не имеет особых настроек. Да и сильно сжать не получиться. Поэтому, лучше немного поиграться с PNG-8.

Предлагаю посмотреть следующее видео, которое более подробно покажет, как уменьшить фото в Фотошопе без потери качества:


Уточнение для Photoshop версии CC 2016 и выше

После выхода данного обновления в приложение были внесены некоторые изменения, которые касаются не только функциональности, но и пунктов меню. Теперь элемент "Сохранить для Web" находится по пути "Файл" - "Экспортировать".

Вот где спрятался "Сохранить для Web"

Обратите внимание, что выше расположен пункт "Экспортировать как...", клик по которому откроет обновленный интерфейс утилиты сжатия.

Параметры экспорта изображения в Фотошоп СС 2017

Суть та же, просто в другой оболочке. Думаю, не сложно будет разобраться.

Информационный портал IT Техник
Вам помогло? Поделитесь с друзьями - помогите и нам!
Поделиться
Отправить
Класснуть
Линкануть
Вотсапнуть
Запинить
Комментарии к статье: 15
Добавить комментарий


Граватар Анна
Анна

супер помогло!

Ответить
Граватар Мотя
Мотя

Общеизвестно,что потеря резкоти при уменьшении происходит из-за несовершенства фотошоповского алгоритма усреднения пикселей. ***А в версиях, начиная с CS3, удалён алгоритм *****

Потеря резкости при уменьшении происходит из-за несовершенства алгоритма усреднения пикселей.

чтобы не подгонять вес под качество, а подгонять качество под вес (например, для галереи) нужно делать так - в окне Save for WEB нажать на клавишу в виде двух стрелочек вправо (над ячейкой Quality и словом Optimized), в выпавшем меню ткнуть в Optimize to file size, ввести желаемый размер и нажать ОК. ФШ сам определит максимальное качество для данного файла при заданном размере.

Ответить
Граватар Max
Max

Круто, а я всегда ставил изображения так как сфоткал или нашел в инете, а тут их еще сжимать можно, фантастика

Ответить
Граватар Лара
Лара

Cпасибо! Попробуем,а то в телефоне некоторые на дисплей не загружаються.

Ответить
Граватар Рафаэль
Рафаэль

есть простая хитрость:

пересчитываешь изображение на в два раза большее разрешение - желательно не в фотошопе а в спец пргграммах типа PhotoZoom Pro
сжимаешь его жипегом максимально сильно

в итоге картинка будет смотреться не хуже а размер будет меньше в разы

Ответить
Граватар Ирина
Ирина

С первых же слов статьи поняла, что эта статья как раз для меня , потому что я никогда не учитывала вес картинок, вообще не знала и не думала об этом, что вес на что-то влияет. А вот теперь уже увидела предложения хостинга о повышении тарифа — явно картинки занимают много пространства. Нужно срочно исправлять положение.

Ответить
Граватар Елена
Елена

спасибо за статью и за комменты
раньше уменьшала фотки с помощью офисовского редактора
Показала начальнице, как сжать изображение.
Она была в восторге, что нашла решение, но вот нарисовалась проблемка - при сжатии фоток для сообщений электронной почты (о да вес уменьшается значительно) - при увеличении фоток теряется чёткость, резкость и читаемость изображений - буду теперь пробовать разные варианты сжатия.
Ещё раз спасибо

Ответить
Граватар Davidfiche
Davidfiche

Вот это круто! Получилось! Большое спасибо! А я еще интересные сервисы для изображений на сайте https://life-v.ru/ нашел

Ответить
Граватар Ника
Ника

статья очень помогла, но може кто-то не имеет возможности скачивать программы уменьшить фото нужно, тогда можно использовать Pixlr

Ответить
Граватар Мариша
Мариша

Доходчиво и внятно)) спасибо за урок, сейчас правда работаю в основном в онлайн программе photoshop-online, но все равно этот фотошоп ничем не уступит профессиональным)!

Ответить
Граватар Леонид
Леонид

Огромное спасибо за статью! Фотографии ужимаются в десятки раз! Это просто чудо!

Ответить
Граватар Евгений Верещака
Евгений Верещака

Сергей Петров, Спасибо! Вы правы, пора обновляться)

Ответить
Граватар Сергей Петров
Сергей Петров

Евгений Верещака, дело в версии. У меня CC 2015.5. У Вас, видимо, ниже, поэтому меню не содержит такой опции.

Ответить
Граватар Евгений Верещака
Евгений Верещака

Сергей Петров, А подскажите, где конкретно находятся настройки экспорта? Я у себя не нашел. Использую Photoshop CC

Ответить
Граватар Сергей Петров
Сергей Петров

Перед публикацией изображений на своем сайте (а все изображения у меня уникальные) я всегда их "сжимаю". И всегда пользуюсь для этого именно программой Photoshop.

Причина проста: этот сервис обеспечивает, на мой взгляд. максимальное "сжатие" среди всех других известных мне программ. Причем, он "сжимает" изображения без заметной потери качества.

Я тоже раньше пользовался опцией "Сохранить для Web". Теперь, в новой версии, есть опция "Экспортировать" - "Настройки экспорта", обеспечивающая более тонкие настройки "сжатия" изображения.

Ответить
Читайте нас в Яндекс Дзен
Наш Youtube-канал
Канал Telegram

Прямой эфир

Дмитрий
Дмитрий
Как я понял если его нет то вот команда @echo off dir /b C:\Windows\servicing\Packages\Microsoft-Windows-GroupPolicy-ClientExtensions-Package~3*.mum >find-gpedit.txt dir /b C:\Windows\servicing\Packages\Microsoft-Windows-GroupPolicy-ClientTools-Package~3*.mum >>find-gpedit.txt echo Ustanovka gpedit.msc for /f %%i in ('findstr /i . find-gpedit.txt 2^>nul') do dism /online /norestart /add-package:"C:\Windows\servicing\Packages\%%i" echo Gpedit ustanovlen. pause
8 способов убрать ограничение скорости интернета на Windows 10
saf1ks
saf1ks
И почему?хахахах
Создание прикольных ролей для Дискорда, как их добавить на сервер и настройка
сергей
сергей
Win10 Tweaker Pro в помощь , не только отключает , но и удаляет подчистую ))
Как на ОС Windows 10 навсегда удалить защитник – 7 способов
Лео
Лео
Самый дерьмовый сайт. Ничего не продаётся. Вообще.
Leboard ru – что это за сайт, стоит ли его опасаться?
Жандос
Жандос
Заблокировался номер телеграмм
Почему иногда блокируют номер телефона в Телеграме и как можно снять бан
Moderator
Moderator
Здравствуйте. Рады, что смогли помочь. Благодарим за обратную связь.
Устраняем ошибку: неправильная секция установки службы в этом inf файле MTP
Moderator
Moderator
Здравствуйте. Калькулятор по умолчанию предустановлен на всех версиях Windows. По крайней мере, на Windows XP он уже точно был. Про более ранние версии уже не помню. В общем, скачивать калькулятор нет необходимости. Достаточно просто выполнить одно из действий в материале, чтобы открыть калькулятор.
Где найти и как запустить калькулятор на Windows 7/8/10: все способы
Moderator
Moderator
Здравствуйте. Наш портал никак не связан с упомянутым Вами сайтом. Мы не можем управлять учетными записями и взаимодействовать с модераторами того сайта. Рекомендуем обратиться за помощью в техподдержку сайта Leboard.
Leboard ru – что это за сайт, стоит ли его опасаться?
Moderator
Moderator
Здравствуйте. Всегда рады услышать положительные отзывы о нашей работе. Благодарим за обратную связь.
Что делать, если на Рабочем столе Windows 10 не перемещаются значки
Moderator
Moderator
Здравствуйте. Хм, задумка интересная. Однако для Ваших целей больше подходит Дискорд, нежели Телеграм. В нем можно добавлять пользователь в одну группу (сервер), а после распределять по подгруппам (каналам). В Дискорде очень мощная система для модерации серверов, можно управлять правами каждой группы пользователей.
Как из обычной сделать супергруппу в Телеграме, как создать и можно ли удалить
Moderator
Moderator
Здравствуйте. Для калибровки датчиков необходимо взять в руки телефон и рисовать им восьмерку в воздухе. То есть нужно взять в руку смартфон и плавными движениями опускать его вниз и вверх, попутно поворачивая его по горизонтали и вертикали. Траектория руки должна соответствовать символу восьмерки. После этих манипуляций гироскоп стабилизируется и откалибруется.
Калибровка и настройка гироскопа Android, как включить и почему не работает
Света
Света
не помогло
Как на Андроиде можно восстановить заметки – 3 способа и инструкция
Чорный властелин
Чорный властелин
Каво?
Отключаем вредную настройку на Android: нещадно ест батарею – что деактивировать
Николай
Николай
Спасибо огромное. Все получилось.
Устраняем ошибку: неправильная секция установки службы в этом inf файле MTP
Нина
Нина
я хочу устоновить колкулятор на свой компьютерь
Где найти и как запустить калькулятор на Windows 7/8/10: все способы
Нина
Нина
я хочу устоновить калькулятор на свой комьютер
Где найти и как запустить калькулятор на Windows 7/8/10: все способы
Александр
Александр
Спасибо бро
8 способов решения проблемы нехватки электропитания порта USB в Windows 10
Модератор
Модератор
Удалите мою учетную запись
Leboard ru – что это за сайт, стоит ли его опасаться?
Модератор
Модератор
Модератор. сайта знакомства Leboard.ru удалите мой аккаунт..Шаяхметова Гульсим
Leboard ru – что это за сайт, стоит ли его опасаться?
Эндрю
Эндрю
Спасибо за труды! Заработало!
Что делать, если на Рабочем столе Windows 10 не перемещаются значки
Рома
Рома
Как не хватает приватных тем в супргруппе. Все хорошо, но чтобы допустим объединить несколько рабочих чатов в один, есть разделы, которые другим лучше не видеть, например бухгалтерия (добавить к доступу в тему определенных людей, а для других история и доступ в тему будет закрыт)
Как из обычной сделать супергруппу в Телеграме, как создать и можно ли удалить
Брайн
Брайн
Здраствуйте как отколибповать гироскоп когда пишет что он неоткалиброван
Калибровка и настройка гироскопа Android, как включить и почему не работает
Катя
Катя
не могу зайти в тг уже 26 дней, с 31 декабря
Почему иногда блокируют номер телефона в Телеграме и как можно снять бан
Андрей
Андрей
Так не пользуйся тлф для серфинга по сети. У тлф иное предназначение, максимум что можно--так это проверить почту. И не устанавливая на тело всякие мутные приложения с играми перепичканые рекламой. Я пользуюсь исключительно компьютером. С настроенным адблоком в браузерах. У меня страница тут и везде абсолютно чистые.
Отключаем вредную настройку на Android: нещадно ест батарею – что деактивировать
Moderator
Moderator
Здравствуйте. Про Recuva есть много гайдов на нашем сайте, да и в интернете. Видимо поэтому автор решил не писать про нее снова, дабы не дублировать и без того известную в сети информацию.
Как восстановить пропавшую с телефона на Андроид музыку
Moderator
Moderator
Здравствуйте. Нет, администратору канала эта информация недоступна. Если не ошибаюсь, в Телеграм вообще нет системы отслеживания репостов, как в ВК или Facebook. Это значит, что модераторы и администраторы не будут знать, кто просмотрел их записи и куда он их пересылал.
Кто видит папку Избранное в Телеграме и для чего она нужна, как что-то добавить
Moderator
Moderator
Здравствуйте. Увы, но данные из удаленного Телеграм-аккаунта восстановлению не подлежат. Это связано с особенностями хранения и шифрования файлов на удаленном сервере Телеграма.
Как восстановить аккаунт в Телеграме после удаления страницы и проблемы
Moderator
Moderator
Здравствуйте. Увы, но проблемы с DLL-файлами редко решаются сразу. Дело в том, что одна DLL-библиотека может находиться в разных пакетах и везде выполнять разные задачи. В таком случае пользователю приходится тратить много времени на поиск нужного модуля. В любом случае, надеемся, что Вы найдете решение своей проблемы.
Исправляем ошибку “Отсутствует vcruntime140.dll”
Moderator
Moderator
Здравствуйте. Рады, что смогли помочь Вам решить проблему.
Калибровка и настройка гироскопа Android, как включить и почему не работает
Moderator
Moderator
Здравствуйте. В таком случае придется ждать ответа от поддержки. Нам пока неизвестны способы, позволяющие обойти двухфакторную аутентификацию. А вообще, если Вам удастся восстановить доступ, то рекомендуем самостоятельно включить двухфакторную аутентификацию, чтобы злоумышленники не могли взломать Ваш аккаунт.
Как восстановить аккаунт в Телеграме после удаления страницы и проблемы
Moderator
Moderator
Здравствуйте. Интересный совет, не приходилось раньше работать с Rkill. Благодарим за дополнение нашего материала своим опытом. Ваши советы могут помочь другим читателям нашего сайта.
Kaspersky Virus Removal Tool – что это за программа
Moderator
Moderator
Здравствуйте. Понимаем Ваше негодование. Если операторы и дальше не будут помогать Вам, то Вы можете написать на них заявление. Принудительное подключение и списывание неиспользованных услуг - это преступление, которое наказывается мерами, указанными в Законе "О защите прав потребителей".
Как позвонить оператору сотовой связи Феникс – способы и описание компании
Пользователь
Пользователь
" Перейти в раздел «Система», а затем выбрать «Экран»." - у самих на скриншоте "дисплей" "Во вкладке «Яркость и цвет» снять галочку с пункта, отвечающего за автоматическое изменение параметров." - у самих на скриншоте нет ни вкладки этой, ни галочки, как и в самой системе тоже
6 способов отключения адаптивной регулировки автояркости в ОС Windows 10
Дима
Дима
Дамой
Почему игры вылетают на Рабочий стол Windows 10 без ошибок и что делать, 6 шагов
Владимир
Владимир
ну, что сказать.....ult data только платная версия.....dr.Phone-требует создания my аккаунта (у меня сяоми,аккаунт)...остальные даже пробовать не захотел...и почему автор не упомянул давно проверенную программу recuva?
Как восстановить пропавшую с телефона на Андроид музыку
Марина
Марина
Здравствуйте! 🙂 Подскажите, пожалуйста, может ли видеть владелец канала, что я отправила в папку «Избранное» его пост?
Кто видит папку Избранное в Телеграме и для чего она нужна, как что-то добавить
Сергей
Сергей
Так у Вас памяти не хватает или интернета? Причем здесь номер и объем памяти....
Описание образовательной платформы Сферум, зачем нужна, плюсы и минусы
Юля
Юля
Та же проблема, вам удалось ее решить?
Как восстановить аккаунт в Телеграме после удаления страницы и проблемы
Дилфуза
Дилфуза
Здравствуйте. Я тоже случайно удалила. Меня мучает одно. там все фото и видео мои дети сохранила в избранное. Они были ед экземпляре. Я больше не могу их найти?
Как восстановить аккаунт в Телеграме после удаления страницы и проблемы
Петров
Петров
Супер! Сработало. Всё перерыл уже.
6 способов исправления не работающей кнопки Windows на клавиатуре Windows 10
Елена
Елена
А если служба не отвечает что тогда?
Как восстановить аккаунт в Телеграме после удаления страницы и проблемы
Иван
Иван
Мне не помогло абсолютно НИЧЕГО. Я перепробывал все, с вашего сайта, с сайта других людей. Все также, данная ошибка не уходит никуда. Заново скачивал игру от других источников. Возможно ваш способ помог другим, но лично мне не помог, в любом случае спасибо! Удачи мне в поисках решения этой проблемы и тем, кто столкнулся с такой же ситуацией.
Исправляем ошибку “Отсутствует vcruntime140.dll”
Денис
Денис
Уже два дня мучаюсь с такой же проблемой, так и не получается найти решение. Модераторы хелп плиз.
Как восстановить аккаунт в Телеграме после удаления страницы и проблемы
Юля
Юля
Как вы решили эту проблему?
Как синхронизировать Телеграм и обновить контакты, почему они пропадают
ГейМер
ГейМер
Спасибо, благодаря вам я могу нормально на новом телефоне играть в игру
Калибровка и настройка гироскопа Android, как включить и почему не работает
Юрий
Юрий
В рот мне ноги, СПАСИБО ТЕБЕ, ЧЕЛОВЕЧИЩЕ!
Порядок разделов на диске Windows 10 отличается от рекомендуемого GPT – решение
Юля
Юля
Увы, нет ( меняла и никнейм и всё, но так же я выхожу у всех незарегистрированной в телеге
Как восстановить аккаунт в Телеграме после удаления страницы и проблемы
Елена
Елена
А что делать если не удаляешь аккаунт но и служба не помогает отбить его у хакеров?
Как восстановить аккаунт в Телеграме после удаления страницы и проблемы
Елена
Елена
У меня та же самая ситуация но не хочу удалять а служба поддержки так и не отвечает что можно сделать?(
Как восстановить аккаунт в Телеграме после удаления страницы и проблемы
Елена
Елена
Здравствуйте а что делать если вас взломали и установили двухэтапный пароль а поддержка не отвечает?
Как восстановить аккаунт в Телеграме после удаления страницы и проблемы
Adblock
detector