Kак сохранить фото в Фотошопе в формате JPG без потери качества

Сохраняем изображение в Фотошопе в формате JPG
Обновлено:

Тема этого конспекта — Как сохранить фото в фотошопе в формате jpg для публикации в интернете и печати фотографий, мы рассмотрим какие изменения были сделаны в версиях Adobe Photoshop 2021 и младше, куда делась опция "сохранить как jpg" и как вернуть её на место, да и нужно ли сопротивляться всем обновлениям? Так же коротко расскажу какие еще бывают форматы и в каких случаях используются.

Хотите прокачать свои навыки владения программой? Тогда оформите подписку на статьи и получите бесплатный доступ к урокам фотошопа.

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

Как сохранить фото в Фотошопе в формате JPG — все способы

Рассмотрим следующие способы сохранения любых изображений:

  • Быстрый экспорт в jpg
  • Сохранить как...
  • Сохранить копию
  • Сохранить для Web (старая версия)

Разница между различными способами - это время сохранения и число промежуточных диалогов. Для одной заметки в интернет мне нужно сохранить до 30 изображений. 

Если сохранять через пункты меню Файл → Сохранить как (Сохранить копию) надо будет 30 раз ставить галочки ✅ ICC-профиль: sRGB и 30 раз выбирать пункт меню "Тип файла: JPEG".

С помощью команды "Быстрый экспорт" я миную промежуточные диалоги, что даёт мне экономию времени 20 минут на один конспект и даст страховку, от того, что случайно где-то забуду поставить все галочки.

Быстрый экспорт в JPG (меню, горячие клавиши)

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

Первое, что мы сделаем, это настроим параметры быстрого экспорта (Рис. 1, Настройки быстрого экспорта):

  1. Переходим в панель установок, горячие клавиши Ctrl + K, либо через меню программы Редактирование → Настройки → Экспорт
  2. В окне установок переходим на вкладку Экспорт.
  3. Формат быстрого экспорта: доступны варианты PNG, JPG, GIF. Выбираем вариант JPG.
  4. Качество: чем больше цифра, тем выше качество. Для интернета оптимальный вариант качества - 5. Разницу между 5 и 6 вы с экрана компьютера не увидите, но если вместо 5 поставить 6, то к весу и скорости загрузки будет ощутимая прибавка.
    Самое первое фото, в начале страницы при качестве 6 весит 466 Кб, при качестве 5 - размер файла 245 кб.
    Для интернета качество 5 — это оптимальный вариант по соотношению размер фото и качество изображения.
  5. Каждый раз спрашивать, куда экспортировать — у меня выбран этот пункт, потому что часто сохраняю изображения в разные папки, чтоб знать где и что сохранено.
  6. Метаданные для быстрого экспорта, выбираем вариант нет. Это дополнительно сэкономит вес картинки. Если нужно будет добавить сведения об авторском праве, сохраним через пункт меню "Сохранить как копию".
  7. Преобразовать в sRGB — здесь обязательно ставим галочку. Теперь все фото будут автоматически сохранятся в цветовом пространстве sRGB.
  8. Экспортировать ресурсы в последнюю указанную папку. Ставим галочку, теперь при быстром экспорте будет автоматически открываться последняя выбранная папка.
    Например, я создал папку по названию конспекта, один раз указал путь, что сохранять в ней нужно и теперь все картинки для этого конспекта у меня будут автоматически сохранены в одной папке.
  9. Это пункт для староверов, кто привык работать в версиях Фотошопа, в которых не было функций "Сохранить как копию" и хочет вернуть всё, как было раньше. Более подробно об этом ниже, в соответствующем разделе.
  10. Кнопка "OK", в верхнем правом углу диалогового окна "Установки", все настройки вступят в силу только после того, как нажмём ОК. Более подробно про настройки в конспекте "Основные настройки".

Настройки быстрого экспортаРис. 1, Настройки быстрого экспорта в JPG

Команда "Быстрый экспорт" расположена в меню программы Файл → Экспортировать → Быстрый экспорт в JPG

Быстрый экспорт в JPGРис. 2, Команда Быстрый экспорт в jpg в меню программы

Каждый раз переключаться на кликание мышкой не приносит быстроты, поэтому назначим горячие клавиши. Для этого переходим в окно настроек "Клавиатурные сокращения и меню": Редактирование → Клавиатурные сокращения, либо жмём горячие клавиши Alt + Shift + Ctrl + K (Рис. 3).

Назначаем горячие клавишиРис. 3, Переходим в меню "Клавиатурные сокращения"

В открывшемся окне клавиатурных сокращений, открываем подменю Файл → Экспортировать → Быстрый экспорт в JPG. Кликаем по строке "Быстрый экспорт" и назначаем комбинацию Alt + Ctrl + X, после чего подтверждаем нажатием кнопки "OK" (Рис. 4).

Горячие клавиши для быстрого экспортаРис. 4, Назначаем горячие клавиши для быстрого экспорта

В меню программы Файл → Экспортировать → Быстрый экспорт в JPG появилось обозначение горячих клавиш Alt + Ctrl + X — запомните эту команду и пользуйтесь ей для того, чтоб сохранить фото в Фотошопе в формате JPG для публикации в интернете, и для хранения на компьютере, чтоб файл меньше места занимал на жестком диске (Рис. 5).

Горячие клавиши для быстрого экспортаРис. 5, Быстрый экспорт в меню программы

Если нам разово понадобится поменять настройки эскорта - изменить тип файла на PNG, изменить размер в пикселях или сделать фото в более высоком / низком качестве, то выбираем пункт Экспортировать как, горячие клавиши Alt + Shift + Ctrl + W (Рис. 5).

Сейчас для проверки нажимаю только что назначенную комбинацию Alt + Ctrl + X. Открывается диалоговое окно, в котором указываем имя файла под которым хотим сохранить картинку, при необходимости меняем папку в которой будет находиться изображение (Рис. 6)

Режим быстрого сохранения фото в фотошопе в формате jpgРис. 6, Быстрое сохранение фото в формате jpg

Все фотографии и картинки, которые вы видите на этом блоге сохранены в формате JPG именно описанным выше способом. Берите себе в арсенал и пользуйтесь на здоровье, способ подходит для всех версий Adobe Photoshop и для всех языков.

Сохранить 

Команда "Сохранить" находится в меню программы Файл → Сохранить, сразу как только мы открыли файл или создали документ, команда "Сохранить" недоступна, потому что сохранять ещё нечего. (Рис. 7).

Почему команда "Сохранить" не доступнаРис. 7, Команда "Сохранить" в Фотошопе

После того как мы сделали какие-либо изменения (ретушь, поменяли размер, добавили объект или просто сняли блокировку), команда сохранить становится активной из меню, либо с горячих клавиш Ctrl + S (Рис. 8).

Команда "Сохранить" становится активной в фотошопе, если на фото были сделаны какие либо измененияРис. 8, Команда "Сохранить" становится активной после внесения изменений в документ

Теперь самое интересное, в версиях Adobe Photoshop 202X в меню "Сохранить" нет варианта сохранить в формате JPG. Самое похожее из всех вариантов, это JPEG 2000. Похоже, но не тоже - вариант JPEG 2000 не подходит для сохранения картинок в интернет и печати фото на принтере (Рис. 9).

Куда делся формат JPGРис. 9, Меню команды "Сохранить"

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

Когда работаем над большим проектом, то не забываем постоянно нажимать "сохранить" (Ctrl + S), чтоб в случае сбоя (отключили электричество, завис компьютер) ваши результаты сохранились.

У кого старые версии фотошопа - вариант jpg в команде сохранить на своем старом месте.

Сохранить как

Команда меню программы Файл → Сохранить как... (Shift + Ctrl + S) предполагает варианты сохранения файлов в формате PSD, PSB... и нет формата JPG (Рис. 10, Сохранить как).

Сохранить как в фотошопеРис. 10, Сохранить как...

Зато есть предупреждение, если нажать кнопку "Инфо" — Не нашли нужный формат, например JPG, используйте функцию "Сохранить копию" (Alt + Ctrl + S). Фотошоп предлагает или вернуться в меню, или нажать на кнопку "Сохранить копию..." (Рис. 11, Не нашли нужный формат JPG)

Сохранить как в фотошопеРис. 12, Не нашли нужного формата JPG?

Поначалу, как перешел с Adobe Photoshop 2018 на Adobe Photoshop 2022 меня раздражало это уведомление, когда по привычке жал кнопки Ctrl + S или Shift + Ctrl + S и вместо формата jpg видел надпись "Сохранить копию..." А потом я научился быстрому экспорту)))

Сохранить копию

Делать нечего, возвращаемся в меню программы и выбираем функцию Файл → Сохранить копию... (Рис. 13).

Функция Сохранить копию в фотошопеРис. 13, Бинго - вот где формат jpg прячется

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

Указываем желаемое имя файла, проверяем, что стоит галочка ✅ ICC-профиль: sRGB, и жмём "Сохранить" (Рис. 13).

Открывается новое диалоговое окно (Рис. 14), в котором мы выбераем параметры сохранения в формате JPG:

  1. Подложка - выбираем цвет фона, который будет на месте удаленных пикселей, каким цветом заливается "дырики" в изображении. Оставляем вариант по умолчанию - Не показывать.
  2. Параметры изображения. Качество выбирается
    - в окошке цифрами с клавиатуры,
    - "Наилучшее", "Высокое", "Среднее", "Низкое" в раскрывающемся меню,
    - перемещением бегунка по шкале от "маленький файл" до "большой файл".
  3. Разновидность формата, оставляем базовый (стандартный).
  4. Просмотр: цифры сразу показывают размер будущего файла. Когда будем "ухудшать" качество - размер файла будет уменьшаться. При увеличении качества, будет увеличиваться размер файла.
  5. Жмем ОК и фото в фотошопе сохраняется в формате JPG.
  6. Отмена - если передумали сохранять изображение, жмём "Отмена" и возвращаемся в рабочее поле программы.

Параметры сохранения в формате JPGРис. 14, Параметры JPG

Для размещения в интернете качество ставим 8, разницу между 8 и 10 при публикации на сайте в качестве картинки никто не увидит разницы, но все заметят разницу в скорости загрузки сайта.

Для печати на фотобумаге файл сохраняем в качестве 12. Если предполагается дальнейшая обработка файла, ставьте 12.

С каждым повторным сохранением фото в формате jpg падает качество картинки, но если изначально сохранить в высоком качестве в диапазоне 10-12, то файл "выдержит" с десяток перезаписей, прежде чем начнет мылить и заметно терять в качестве.

Рекомендую в таких случаях повторно сохранять файл под новым именем и в исходнике не сохранять изменений.

Вернуться к старой версии

Если у вас новый фотошоп и старая привычка сохранять изображения сразу с команды "сохранить", без всяких "сохранить копию" и приставок "копия" в конце имени файла — для удобства работы делаем настройки так, чтоб всё было как раньше.

В меню программы Adobe Photoshop выбираем пункт Файл → Экспортировать → Настройки экспорта (Рис. 15)

Как найти настройки экспорта в ФотошопеРис. 15, Пункт меню программы "Настройки экспорта"

По клику на "Настройки экспорта" открывается уже знакомое окно "Установки", в которое раньше входили через клавиатурное сокращение Ctrl + K.

В окне "Установки", на вкладке "Экспорт" в блоке Параметры ставим галочку ✅ Использовать прежнюю версию "Экспортировать как" (Рис. 16).

Как включить прежнюю версию экспорта в ФотошопеРис. 16, Прежняя версия "Экспортировать как"

После в окне "Установки" перемещаемся на пункт вверх, на вкладку "Обработка файлов", где отмечаем пункты
 ✅ Включить устаревший процесс "Сохранить как"
 ✅ Не добавлять "копия" к имени файла при сохранении копии

Для того, чтоб установки вступили в силу нажимаем кнопку "ОК" (Рис. 17).

Возвращаем в установках настройки сохранить как, как в старых версиях фотошопаРис. 17, Включение устаревшего процесса "Сохранить как"

Теперь при выборе функций "Сохранить" и "Сохранить как" в раскрывающемся меню среди выбора форматов для сохранения появится вариант сохранить в формате JPG.

Сохранить для Web

В последних выпусках Adobe Photoshop функция сохранить для web спрятана глубоко внутри подменю программы: Файл → Экспортировать → Сохранить для Web и помечено в скобках как "Старая версия" (Alt + Shift + Ctrl + S)

Как сохранить для Web в фотошопеРис. 18, Включение функции "Сохранить для WEB"

Открывается окно, в котором указываем формат файла, качество файла и при необходимости можем поменять размер файла в пикселях (Рис. 19).

Сохранение картинки для webРис. 19, Сохранение для Web

Во времена, когда интернет был через домашний городской телефон, функция сохранить для Вэб была актуальной. Сейчас скорость интернета на тарифах средней ценовой категории до 100 Мб в секунду, поэтому высчитывать скорость загрузки картинки при скорости интернета 254 Кб - уже не актуальна.

Я еще в Adobe Photoshop 2018 отказался от функции "сохранить для интернета", потому что при одинаковых значениях качества, размер файла получался больше, чем если сохранять ту же картинку через стандартную функцию "Сохранить как", в том числе для сохранения в форматах PNG и GIF.

В новых версиях фотошопа качество сохранения картинок через функцию "Экспортировать" и "Экспортировать как" выше, чем у "Сохранить для Web", поэтому сейчас подробно не буду останавливаться на этой функции. Если кому нужна такая инструкция — напишите в комментариях.

Файл JPG, плюсы и минусы формата

Преимущества и недостатки формата JPG
ПлюсыМинусы
Большая степень сжатия, маленький размер файлыНе сохраняет информацию об слоях
Формат JPG поддерживают все браузеры и устройстваШумы и артефакты
Размещается на всех сайтах и соц сетяхЧем меньше вес, тем мыльнее и пиксельнее картинка
Можно отправлять по электронной почтеКачество падает с каждым пересохранением

Для сравнения, левая половина фото в формате JPG ужата до 44 Кб, правая половина - 295 Кб. Визуально видно, что с левой стороны фон поплыл горизонтальными полосами - скачками, с правой стороны переходы цветов более мягкие, плавные и приятные для глаз.

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

Пример сжатия фото в фотошопе в формате JPGРис. 20, Найдите 10 отличий

И чтоб было с чем сравнивать, приведу характеристики изначального изображения: Расширение 6000 х 4000 пикселей (24 МПа), размер файла 25 Мб в формате RAW.

Итого, правый файл при переводе в jpg был ужат в 85 раз и левый файл стал меньше в 256 раз. Напишите в комментариях, заметили ли вы сами разницу между 44 Кб и 295 Кб?

Горячие клавиши для сохранения изображений

Клавиатурные сокращения для сохранения фото и картинок
КомбинацияРезультат
Ctrl + SСохранить в формате PSD
Shift + Ctrl + SСохранить как...
Alt + Ctrl + SСохранить копию
Alt + Shift + Ctrl + WЭкспортировать как
Alt + Shift + Ctrl + SСохранить для Web (Старая версия)
Alt + Ctrl + XБыстрый экспорт в JPG

*Горячие клавиши для быстрого экспорта в jpg будут у вас работать, если сделали все настройки по инструкции выше.

Другие форматы изображений

Перечислю только основные форматы, которые нам пригодятся для работы, создания и сохранения своих проектов.

Основные форматы Adobe Photoshop
ФорматНазначение
PSDОсновной формат фотошопа, который можно пересохранить в любой другой
PSBФормат фотошопа для сохранения больших проектов, весом 2 ГБ и больше, которые содержат сотни слоев или делали баннер 3 х 6 метров 
JPGРазмещение изображений в интернете и печать фото на фотобумаге
PNGСохранение изображения без фона (с прозрачным фоном)
GIF Сохранение анимации и движущихся картинок

Gif — это единственный формат, который позволяет сохранять анимацию в фотошопе и размещать на блогах движущиеся картинки. О том, как это делать, будет отдельный радел, а пока маленький пример гифки (Рис. 21).

Гифка в фотошопеРис. 21, Изображение в GIF формате

Для того, чтоб сохранить гифку я выбрал пункт меню программы Ффйл → Сохранить копию → GiF → Сохранить

Основные выводы

Для закрепления материала попробуйте все способы, описанные в конспекте "Как сохранить фото в Фотошопе в формате JPG" и напишите какой способ вам больше нравится. Считайте, это домашним заданием)))

Если что-то не получается, задавайте вопросы в комментариях - вместе разберемся.

Большое спасибо всем, кто поделился материалом в социальных сетях и подписался на рассылку "Уроки фотошопа без воды".

9 комментариев

Аватар комментатора Наталья Автор: Наталья

Дочиталась наконец-то. Всё-таки у меня не сразу срабатывает, что надо вникать. Сколько времени прошло, а только сейчас дошло, почему у меня теряется качество картинок и фото. О том, что сохранять как копию я узнала, когда проходила уроки фотошопа платно. Там я сохраняла в PSD, чтобы работать на следующий день. Разъяснения кстати, там были только примеры и что за чем делать. А меня всегда интересует, а что получится, если... Спасибо от бестолковой, буду читать несколько раз.

Аватар комментатора Александр Утышев Автор: Александр Утышев

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

Аватар комментатора Наталья Автор: Наталья

Я пока только делаю упор на карандаш, но для понимания, что такое пастель, купила, попробовала. Но пока не смогу об этом писать, был всего бесплатный 4-х дневный курс (для ознакомления). Пастель я использовала мелки и карандаши, а краска - это "сухая кисть" - размазывается тонким слоем постепенно по всему листу, а потом прорисовываются детали маленькой кисточкой, без воды, без ничего. Столкнулась с тем, что в магазине купила краску, а она аж 2019г. Конечно и рисунок получился не ахти, я еле краску растянула по листу. Так что тоже нюансы, но получается гораздо быстрее, чем штриховка карандашом.
Александр, осмелюсь спросить: не смогли бы мне помочь с фокусной фразой или ключевым словом о рисовании. Хотела за воскресенье сделать всё по таблицам, но у меня вывалился такой объем по моей фразе, только в позиции 1 -614 строк. А если брать до 10 - 6118. Я обалдела и не знаю, что делать. Моя фраза: "рисунки карандашом для начинающих".

Аватар комментатора Александр Утышев Автор: Александр Утышев

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

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

Аватар комментатора Наталья Автор: Наталья

Александр Утышев,

Александр Утышев, хорошо, я поняла. Но для меня пока карандаш в руке даёт больше удовлетворения, чем фотошоп, а это знания ноутбука дополнительно.

Аватар комментатора Наталья Автор: Наталья

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

Аватар комментатора Александр Утышев Автор: Александр Утышев

Наталья, в заметках о рисовании у вас фотографии инвентаря, набросков, эскизов пойдут на поток. Я знаю чем рисовать, но не умею как))) Так что ждите в гости. Мне нравится рисовать пастелью, как краска ложится. В том числе и в фотошопе цифровая пастель особенно прорабатывает рисунок.

Аватар комментатора Елена Автор: Елена

Наталья,

Наталья, Александр всё знает благодаря тому, что много учился. И я свидетель тому что не только много, но и дорого. Курсы Креативо не дешевые...
По статье от себя добавлю, что не знала о функции "Экспортировать" совсем и всегда пользовалась "Сохранить копию".
Благодарю вас, Александр, за полезную, полную, содержательную, интересную статью.

Аватар комментатора Александр Утышев Автор: Александр Утышев

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

Оставить комментарий

Отправить комментарий Отменить

Топ комментаторов

Сообщение