Как сохранить фотографию в Photoshop: JPG, PNG, GIF, PSD

Друзья, приветствую вас на WiFiGid! При подготовке этой статьи использовался Photoshop, и, разумеется, лично я за сегодняшний день уже успел сохранить несколько изображений. Просто покажу как я это делаю, а там уже выберите лучший вариант под свою задачу.

Действия в статье приводятся на примере актуальных версий Adobe Photoshop. Очень надеюсь, что вы тоже пользуетесь свежей версией этой чудесной программы.

В каком формате сохранять?

Пункт является вводным, но он очень важен для дальнейших действий, чтобы выбирать правильные пункты. Постараюсь очень коротко.

Главная проблема, когда вы собираетесь сохранить изображение в Photoshop – выбрать формат сохраняемого изображения. Привожу примеры:

• PSD – родной формат Фотошопа. Если нужно сохранить для дальнейшего редактирования, используем только его. Сохраняем исходники.
• JPG – отлично сжимает сложные изображения и фотографии. Сохраняем фотографии и сложные картинки, но помним, что прозрачность и слои он не сохраняет.
• PNG – лучший способ сохранения простых изображений (не фотографии, например, однотонные заливки или простые узоры из фигур). Единственный хороший вариант, если вы собираетесь сохранить прозрачное или полупрозрачное изображение. Сохраняем картинки с прозрачностью.
• WEBP – современный формат для сайтов. Часто весит меньше JPG и PNG, но для редактирования исходника все равно сначала держим PSD.
• GIF – сохраняем простую анимацию или очень легкие картинки с малым количеством цветов.

ПРИМЕЧАНИЕ! Если вы не уверены, какой формат нужен, сначала сохраните рабочий файл в PSD, а уже потом делайте копию в JPG, PNG или WEBP. Так вы не потеряете слои, маски и текст.

А теперь предлагаю поговорить про сохранение каждого варианта.

Сохранение в PSD

Самый простой вариант, когда нам нужно просто сохранить исходники в нативном формате PSD. Если вы работаете со слоями, масками, текстом, эффектами и хотите потом вернуться к правкам, выбираем именно этот формат. Про сами слои в Photoshop у нас есть отдельный урок.

1. Файл – Сохранить как (Ctrl + Shift + S)

2. Если появилось промежуточное окно с предложением сохранить на облако, выбираем «Сохранить на компьютере».

3. Обычно здесь можно оставить все по умолчанию, т.к. PSD для большей части задач будет достаточно. Сохраняем.

Сохранение в JPG

Самый частый формат для сохранения, т.к. позволяет отлично сжимать фотографии. Главная сложность – через обычное «Сохранить как» варианты «правильных» форматов могут быть не предоставлены, если документ содержит слои, прозрачность или другие данные, которые JPG не поддерживает. В таком случае можно использовать «Сохранить копию» или экспорт. Я обычно делаю так.

1. Файл – Экспортировать – Экспортировать как (Alt + Shift + Ctrl + W)

2. Выбираем формат «JPG». При необходимости указываем «Качество» (от этого будет зависеть конечный размер изображения, который можно оценить в этом же окне). Тут же доступно изменение размера, когда нужно просто понизить разрешение картинки. Если нужно отдельно разобраться с размерами, читаем – как изменить размер изображения в Photoshop. Лично я здесь более ничем и не пользовался за очень много лет работы с Photoshop.

JPG лучше подходит для обычных фото, товаров, скриншотов без прозрачности и картинок для отправки. Но если вокруг объекта должен остаться прозрачный фон – JPG сразу мимо кассы.

Сохранение в PNG

Все делается аналогично первому варианту:

Файл – Экспортировать – Экспортировать как

Но вместо формата JPG выбираем PNG.

Т.к. формат PNG очень популярен, для него даже выделили отдельный быстрый пункт:

Файл – Экспортировать – Быстрый экспорт в PNG

Сохраняет быстро и удобно. Но лично мне этот вариант не нравится, т.к. формат PNG все-таки не подходит для сохранения фотографий (они занимают очень много места), а без предварительного просмотра по этой кнопке нельзя оценить размер сохраняемого файла. Зато PNG отлично подходит, если вам нужно сохранить картинку с прозрачным фоном.

Сохранение в WEBP

В актуальных версиях Photoshop можно сохранять и WEBP. Обычно этот формат используют для сайтов, потому что он хорошо сжимает изображения и может поддерживать прозрачность. Если видите WEBP в окне «Экспортировать как», просто выбираем его вместо JPG или PNG и подбираем качество.

WEBP хорош для сайта, но не для исходников. Для исходника оставляем PSD, а WEBP делаем отдельной копией.

Сохранение в GIF

Это сохранение можно сделать также через

Файл – Экспортировать – Экспортировать как

В формате выбираем «GIF».

Если речь именно про анимированный GIF, чаще удобнее использовать старое окно «Сохранить для WEB», о нем речь ниже. А для обычной статичной картинки GIF почти всегда проигрывает PNG или WEBP.

Старые версии (Сохранить для WEB)

В старых версиях Photoshop вместо «Экспортировать как» использовался инструмент «Сохранить для WEB». По началу старая версия работала в разы лучше предлагаемого нового варианта, но сейчас все вроде бы и поправили, так что я окончательно отказался от классического варианта сохранения. Но кому надо, этот инструмент пока оставили здесь. Доступно сохранение все в те же форматы – JPG, PNG, GIF.

Файл – Экспортировать – Сохранить для WEB (старая версия) (Ctrl+ Shift + Alt + S)

Интерфейс этого варианта очень похож на тот, что мы видели ранее:

Если после сохранения картинка получилась слишком тяжелой, обычно помогает уменьшение размера, снижение качества JPG или переход на WEBP. А если нужно сохранить именно прозрачность, дополнительно можно посмотреть инструкцию про прозрачность в Photoshop.