Фото-монстр — советы по фотосъемке от профессионалов.
Сохраняем изображение в формате JPEG гибко
Настоящий урок я посвятил1 подготовке любого цифрового изображения, читаемого графическим редактором Adobe Photoshop, будь то PSD-файла, TIF-изображения или «большой» JPEG-картинки, к публикации на сайте, в форуме или социальных сетях, а также к пересылке по электронной почте. Другими словами, «джейпег» для Интернет. В рифму получилось.
Безусловно, форматы изображений, которые умеет читать Photoshop, едва ли исчерпываются названными тремя. И что приятно, большинство можно перевести в JPEG. Вне зависимости от исходного формата в Photoshop существуют два пути «джейпегизации». Возможность выбирать приятна вдвойне. Оба пути различаются. Внешние отличия обнаруживаются невооружённым взглядом, отличия в назначении («Каким путём следовать?») я выделю специально.
В настоящем уроке я представлю две пошаговые инструкции с необходимыми теоретическими «вкраплениями». Он рассчитан на то, чтобы показать Вам, как оптимально сохранить свой виртуальный рисунок, коллаж или фотографию в широко распространённом формате JPEG. Последний наиболее эффективен для изображений с плавными цветовыми переходами.
Для закрепления и расширения полученных знаний, а также в целях выработки навыка, я подготовил соответствующие упражнения. Предлагаю Вам их выполнить, а затем опубликовать свои результаты в комментариях к настоящему уроку. Опробуйте в «полевых условиях» свой навык!
Покажу, как сохранить изображение в формате JPEG на примере рисунка, созданного в Photoshop.
Первый способ
1 шаг
Открываю исходное изображение в Photoshop. В моём случае это файл с названием «Пример.psd», содержащий нарисованный шар.
Нажимаю на клавиатуре сочетание клавиш «Ctrl», «Shift» и клавиши, обозначенной латинской буквой «S» либо выбираю в главном меню «Файл» («File») > «Сохранить Как…» («Save As…»). Появляется диалоговое окно с заголовком «Сохранить как».
2 шаг
Выбираю месторасположение будущего JPEG-изображения. В поле «Имя файла» ввожу новое название картинки, если необходимо. В ниспадающем списке «Тип файла» выбираю формат «JPEG (*.JPG, *.JPEG, *.JPE)».
Параметры ниже оставляю без изменений, удостоверившись, что в качестве цветового профиля, встраиваемого в будущее JPEG-изображение, указан и выбран «стандартный» sRGB. Если это так, то перехожу к 4-ому шагу.
Если вместо sRGB указан другой цветовой профиль, например, ProPhotoRGB или AdobeRGB, то перед началом рассматриваемой в уроке процедуры я переведу исходное изображение в цветовое пространство sRGB в целях единообразного отображения цветов на большинстве устройств. Сделаю это следующим образом.
3 шаг
Нажимаю на клавиатуре клавишу «Esc», чтобы закрыть окно «Сохранить как».
Выбираю в главном меню «Изображение» («Image») > «Режим» («Mode»). Если «галочка» установлена напротив «8 бит\канал» («8Bits\Channel»), то выбираю «16 бит\канал» («16bits\Channel»). Увеличение глубины цвета желательно, чтобы конвертация из одного цветового профиля в другой прошла аккуратно. Визуально на исходном и итоговом изображениях изменение глубины цвета едва ли отразится.
Затем выбираю в главном меню «Редактировать» («Edit») > «Преобразовать в профиль» («Convert to Profile»). Появляется диалоговое окно с заголовком «Преобразовать в профиль».
В моём случае исходный цветовой профиль («Source Space»), который описывает цвета в рисунке, называется «Adobe RGB (1998)». Выбираю в ниспадающем списке «Целевой профиль» («Destination Space») значение «sRGB IEC61966-2.1». Проверяю параметры преобразования – они располагаются ниже: параметр «Инструмент» («Engine») имеет значение «Adobe (ACE)», «Метод (рендеринга)» («Intent») – «Относительный колориметрический» («Relative Colorimetric»), установлена «галочка» напротив параметра «Использовать компенсацию точки чёрного» («Use Black Point Compensation»), «галочка» отсутствует напротив параметра «Свести изображение, чтобы сохранить вид» («Flatten Image to Preserve Appearance»).
Если Вы увеличили глубину цвета (я проделал это чуть раньше), то параметр «Использовать дизеринг» («Use Dither») будет неактивным. Если в открытом изображении всего один слой (когда Вы открываете JPEG-картинки или «простые» TIF-изображения, обычно, так и есть), то параметр «Свести изображение, чтобы сохранить вид», также, неактивен.
Нажимаю кнопку «Готово» («OK»). Окно «Преобразовать в профиль» исчезает.
Снова открываю окно «Сохранить как» и проделываю действия 2-ого шага.
4 шаг
Нажимаю в окне «Сохранить как» кнопку «Сохранить».
В главном окне программы появляется новое диалоговое окно с заголовком «Параметры JPEG» («JPEG Options»). Параметр «Качество» («Quality») позволяет задавать соотношение качества выходного изображения и объёма, который картинка будет занимать в памяти компьютера. Таким образом, оплатой за уменьшение объёма является деградация качества исходного изображения. Чем меньше значение параметра «Качество», тем меньше объём JPEG-изображения.
В рассматриваемом примере я остановлюсь на значении равном 6.
Чтобы оценить качество картинки до сохранения, установлю рядом с параметром «Предпросмотр» («Preview») «галочку».
5 шаг
Установлю значение второго параметра – «Форматирование» («Format Options») – равным «Стандартное оптимизированное» («Baseline Optimized»). Объём будущей JPEG-картинки уменьшился, а качество изображения осталось прежним.
6 шаг
Нажимаю в окне «Параметры JPEG» («JPEG Options») кнопку «Готово» («OK») и проверяю результат.
Сравниваю объёмы исходного PSD-рисунка (~ 3000 Kb) и итоговой JPEG-картинки (82 Kb). Таким образом, JPEG-файл получился примерно в 36 раз меньше исходного изображения при визуально равном качестве. Удобно!
Обращаю внимание, что размер итогового JPEG-изображения остался прежним, как у исходного PSD-рисунка он равен 2480 пикселей × 2480 пикселей.
Закрываю исходное изображение. В появившемся диалогом окошке с предложением сохранить изменения, выбираю «Нет» («No»).
Второй способ
1 шаг
Открываю исходное изображение в Photoshop.
Нажимаю на клавиатуре сочетание клавиш «Ctrl», «Alt», «Shift» и клавиши, обозначенной латинской буквой «S» либо выбираю в главном меню «Файл» > «Сохранить для Веб…» («Save for Web…»).
Появится новое диалоговое окно с одноимённым заголовком.
2 шаг
В появившемся окне «Сохранить для Веб» («Save for Web») в ниспадающем списке в верхней части окна выбираю значение «JPEG».
3 шаг
Устанавливаю значение параметра «Качество» («Quality») на максимум.
4 шаг
Уменьшаю размер изображения с помощью параметра «Размер изображения» («Image Size»).
Это необязательная операция, но она помогает существенно уменьшить объём будущего JPEG-изображения, чаще всего, с минимальными потерями в качестве. С одной стороны, уменьшение размера приведёт к естественному уменьшению объёма и, с другой стороны, к уменьшению детализации. Последнее, в свою очередь, ограничивает мои возможности в печати итоговой JPEG-картинки. Если я не планирую печатать последнюю, то забуду об ограничениях.
В данном примере ввожу в поле «Ширина» («Width») значение 600. Автоматически изменится значение в поле «Высота» («Height»). Также, автоматически изменится размер выходного изображения относительно размера исходного рисунка, указанный в поле «Процент» («Percent»). Изменения происходят автоматически и поле «Процент» находится в активном состоянии, если поля-параметры «Ширина» и «Высота» связаны, о чём свидетельствует соответствующий значок, расположенный справа от названных полей.
В окошке предпросмотра слева оценю размер и качество изображения. А примерный объём последнего смогу узнать по числу, указанному, обычно, в килобайтах (Kb) или мегабайтах (Mb) под левым углом окошка.
5 шаг
Устанавливаю «галочку» рядом с параметром «Оптимизированный» («Optimized»).
6 шаг
Если хочу ещё сократить объём выходного изображения, то уменьшаю значение параметра «Качество» («Quality»). Рекомендую придерживаться значений в пределах 45-90.
В данном случае я выберу значение равное 75.
В итоге, среднестатистическое, при скорости доступа в Интернет равной одному мегабиту (1 Mbits), время загрузки моего рисунка из Интернет составит одну секунду. Оно указывается под значением объёма будущего JPEG-изображения.
При этом, визуально картинка получилась вполне приемлемого качества, переходы тонов достаточно плавные.
7 шаг
Устанавливаю «галочку» рядом с параметром «Преобразовать в sRGB» («Convert to sRGB») и выбираю значение «Цвета, отображаемые монитором» («Monitor Color») в ниспадающем списке ниже.
8 шаг
Наконец, устанавливаю «галочку» рядом с параметром «Встроенный цветовой профиль» («Embed Color Profile»).
Действия на 7-ом и 8-ом шагах желательны, чтобы будущее JPEG-изображение примерно одинаково отображалось на различных устройствах.
9 шаг
Нажимаю кнопку «Сохранить…» («Save…»).
В появившемся диалоговом окне с заголовком «Сохранить оптимизированное изображение как» («Save Optimized As») выбираю месторасположение JPEG-картинки и задаю её имя, если необходимо. Нажимаю в активном окне кнопку «Сохранить». Оба окна исчезают. Теперь могу оценить результат.
Закрываю исходное изображение. В появившемся диалогом окошке с предложением сохранить изменения, выбираю «Нет» («No»).
Изображение, полученное вторым способом, удобно применять для публикации в Интернет. А изображение, полученное первым способом, можно помимо публикации в Интернет выводить на печать. В виду того, что размер изображения не изменялся, оно не подвергалось интерполяции, а значит его качество априори выше качества изображения, полученного вторым способом.
Подробнее об интерполяции и её влиянии на деградацию качества цифрового изображения я расскажу в уроке «Что такое интерполяция?»
Для закрепления полученных знаний предлагаю Вам не только сохранить в формате JPEG несколько собственных фотографий, но и выполнить упражнения, приложенные к настоящему уроку. Последние охватывают задачи, с которыми Вы можете столкнуться в занятии фотографией.
Прошу Вас поделиться в комментариях результатами упражнений.
Упражнения
Скачайте архив (объём ~ 36 Mb) с изображениями-примерами.
- Подготовьте фотографию «Пример1.jpg» для публикации в электронном портфолио. Для этого создайте три JPEG-изображения максимального, насколько это возможно, качества. Пусть объём каждого (место, занимаемое в памяти компьютера) не превышает 100. При этом, пусть высота первой картинки будет равна 800 пикселам, второй – 500 пикселам, и третьей – 50 пикселам. Какое значение параметра «Качество» Вам потребовалось установить в каждом из трёх случаев? При каком минимальном значении параметра «Качество» третья картинка выглядит приемлемо?
- Подготовьте рисунок «Пример2.psd» к печати в местной фотолаборатории, которая не принимает -файлы, сохранив изображение в максимальном качестве в формате JPEG. Каков фактический объём получившейся JPEG-картинки?
- Подготовьте фотографию «Пример1.jpg» к отправке на фотоконкурс. Организаторы конкурса хотят оценить не только смысловое содержание фотографии, но и её техническое качество. Поэтому они установили требования к принимаемым произведениям: объём – не более 300, размер – не менее 2048 пикселей по длинной стороне. Какая пара чисел «значения параметра “Качество” - размер по длинной стороне в пикселах» будут наиболее эффективно удовлетворять указанным требованиям?
- Сохраните рисунок «Пример2.psd» в формате JPEG в 7-10 вариантах, отличающихся лишь значением параметра «Качество» на 10-15%. Например, «Пример2_10.jpg» сохраните со значением параметра «Качество» равным 10, «Пример2_20.jpg» – со значением параметра «Качество» равным 20 и так далее. При этом, размер всех вариантов уменьшите вчетверо относительно размера исходного изображения. Затем последовательно, начиная от картинки наилучшего качества, покажите в одном и том же масштабе все варианты двум-трём людям и попросите их выбрать варианты приемлемого качества. Начиная с какого значения параметра «Качество», картинка перестаёт быть визуально приятной (укажите среднее значение)?
- Сохраните фотографию «Пример3.tif» в формате JPEG в трёх вариантах максимального, насколько это возможно, качества так, чтобы каждый вариант пользователь мог загрузить не более, чем за 1 секунду при скорости доступа в Интернет равной 1 Mbits. В первом варианте уменьшайте размер за счёт параметра «Качество», во втором варианте – за счёт параметра «Размер изображения» (или «Процент»), в третьем варианте – за счёт комбинирования и первого, и второго параметров. Покажите все варианты двум-трём людям и попросите их выбрать вариант наилучшего качества. Какой подход позволяет получить изображение наилучшего технического качества?
Примечание:
1 Одна из причин, побудивших меня подготовить данный урок заключается в следующем. Периодически я получаю фотографии и разнообразные изображения. Друзья присылают личные снимки, участники занятий – результаты выполненных заданий. Многие из присылаемых картинок, мягко говоря, огромны «не по назначению»: как по объёму в килобайтах, так и по размеру в пикселах. Требуется время, чтобы скачать изображения. А если фотографии, объём которых исчисляется мегабайтами, направятся ко мне во вложении к письму по электронной почте, то почтовый клиент будет воспроизводить их с временной задержкой, иногда достаточно ощутимой, и в 100% масштабе. Признаюсь, всё это создаёт неудобства. Представьте, сколько бы чужого времени я тратил, если бы публиковал на своём сайте или отправлял потенциальным клиентам фотографии в оригинальном качестве. Обратно к тексту.
27/03/2015
Просмотров : 171897
Источник: photo-monster.ru
Автор: Марк Лаптенок
Еще уроки из рубрики "Photoshop и Lightroom"
Горячие клавиши Camera Raw
Обновленная версия списка горячих клавиш Adobe Camera Raw по состоянию на момент публикации материала. Использование клавиатурных сокращений позволяет значительно увеличить скорость работы п
Читать дальше →
15/09/2020.
Обработка фото — Photoshop и Lightroom.
Автор: Евгений Карташов
18 767
10
Как создать хорошую HDR-фотографию?
Как создаются хорошие HDR-фотографии. Основные этапы, на которые необходимо обращать внимание
Читать дальше →
06/06/2023.
Обработка фото — Photoshop и Lightroom.
Автор: Евгений Карташов
41 075
0
10 главных ошибок при обработке фотографий
На бесплатном онлайн мастер-классе по Photoshop мы разобрали 10 основных ошибок при обработке фотографий. Рекомендуется к просмотру как любителям, так и профессионалам.
Читать дальше →
19/06/2023.
Обработка фото — Photoshop и Lightroom.
Автор: Евгений Карташов
34 029
2
DxO PhotoLab 2 - альтернатива Adobe
DxO выделяется на фоне конкурентов благодаря особому способу обработки RAW файлов. Первая версия DxO PhotoLab была анонсирована в конце 2017 и сразу после...
Читать дальше →
19/07/2019.
Обработка фото — Photoshop и Lightroom.
Перевод: Алексей Шаповал
22 082
4
Получаем идеальную перспективу на снимке
Есть много разных способов исправить геометрию объектива и перспективу с использованием Photoshop. Однако, полезные инструменты также присутствуют в Camera Raw и Lightroom, с которых как раз
Читать дальше →
16/06/2019.
Обработка фото — Photoshop и Lightroom.
Перевод: Алексей Шаповал
16 038
0
MIDI-контроллер для обработки в LightRoom
Обработка фотографий с программами на подобие Lightroom обычно требует коррекции экспозиции, контраста, бликов, теней и т.д., что занимает более 90% общего времени. Все...
Читать дальше →
06/06/2019.
Обработка фото — Photoshop и Lightroom.
Перевод: Алексей Шаповал
14 741
1
Спасибо. Зашла сюда за ответом, но не нашла его. Может, кто подскажет, как сохранять без выскакивающего каждый раз диалогового окна о качестве jpg файла? Один раз не сложно, но если записан action, то просто геморрой какой-то.
Зачем в ниспадающем списке выбирать формат JPEG (*.JPG, *.JPEG, *.JPE), если моно изначально настроить автоматом формат JPEG,. а главное, нет ответа как это сделать ,чтобы не морочить себе голову при сохранении файла?
Добрый день у меня при сохранении jpeg файлов с выбором сжатия размер раздувается до 35 мб, когда оригинал весит 3-4 мб, при попытке уменьшить качество размер уменьшается до 29 мб и всё фотошоп стоит на двух разных компьютерах и на обоих одинаковая проблема. с фотошопом работаю более 12 лет столкнулся впервые только вот нынче с таким казусом. Может как-то поделится кто советом как исправить
Я хотел бы напечатать фото в лаборатории netprint удолённо, в фотошопе 2014 года создал файл фото размером 450 мм на 300 мм и разместил на нём четыре фото, теперь не могу сохранить в JEPG, если перевожу изображение в 8 bit, то получается потеря в цвете, контрасте,тенях и т. д. одним словом не то, что я хотел бы видеть. Как выйти из этой ситуации?
У меня проблема прямо противоположная. Все стоки требуют файлы не менее 4 мБ, а Лайтрум режет файл RAW (20мБ) до объема всего в 1 мБ, как же здесь быть и сток принимает только в jpeg. Просмотрел все вкладки при сохранении , прочитал несколько тем, посмотрел несколько видео, но нигде об моем случае не говорится ((
Подскажите, как сделать файл более 4 мБ ?
Евгений, здравствуйте. Каково разрешение Ваших фотографий до кадрирования и после него? Какое значение параметра "Качество" Вы выбираете при сохранении в JPEG? Делаете ли Вы масштабирование при сохранении в JPEG или сохраняете как есть, в 100% масштабе?
Спасибо за урок
Пожалуйста, Евгения.
Как-то вообще не задумываюсь об этом. Есть разные пресеты для разных случаев экспорта из Лайтрума, там же есть настройки для публикации на фотохостинги. Какой фотошоп, зачем фотошоп..
Пафнутий, спасибо за Ваш комментарий. Он натолкнул меня на необходимость сделать важное замечание к уроку.
Photoshop я выбрал осознанно, пользуясь аналогичными возможностями Lightroom, Bridge, Picasa и Capture One. По причине универсальности. Поясню.
Photoshop читает не только те форматы цифровых изображений, которые "видит" Lightroom. Например, можете ли Вы импортировать в Lightroom PDF или EPS-файлы? Оба формата способны содержать векторные изображения. Photoshop в отличие от Lightroom читает их и позволяет сохранять в формате JPEG. Другими словами, Photoshop может выполнять преобразование между векторными и растровыми изображениями, между растровыми и растровыми изображениями одними и тем же способами, которые я привёл в уроке. Другими словами, изучив предложенные способы, пользователь сможет решать с помощью Photoshop не только указанные в уроке задачи, но и другие задачи, из более широкого круга.
По опыту, фотограф будет редко сталкиваться с векторными изображениями в формате EPS, чуть чаще, с PDF. Я "общаюсь" с указанными форматами в коллажировании. Когда необходимо скомпоновать несколько изображений (фотографий, рисунков и т.д.), хранимых в различных форматах, и сохранить коллаж в формате JPEG. Один из примеров коллажирования - нанесение графического водяного знака, который хранится в формате EPS или PDF.
Резюмирую. Из всех перечисленных выше программ с "многонациональностью" форматов исходных картинок может справиться Photoshop. При том, гибко и удобно (одними и теми же способами, которые я представил в уроке).
Не спорю. Полностью признаю универсальность фотошопа. Но с другой стороны у каждого свой стиль работы, как уже неоднократно обсуждалось фотошоп это как правило штучная доводка изображения, а лайтрум массовая обработка. О чем это я? О стиле работы, который у каждого индивидуален, например мне удобнее доведя работу до более-менее завершенного состояния отправить её в максмальном качестве на хранение в библиотеку (пара терабайт на домашнем сервере сейчас копейки стоит) а уже потом из лайтрума экспортировать её в нужном размере, с копирайтом, без копирайта или вообще забитую водяными знаками. Впрочем для тех кто работает по другому несомненно ваш урок может быть полезен.
Пресеты пресетами,а я вот как начинающий,недавно столкнулся с такой проблемой.В фотошоп работаю около года,на певых этапах работал и там и там,но позже все-таки фотошоп перетянул моё увлечение к себе.Фотографировал мало,но обработка была постоянно.И тут у меня возникла проблема,которую сам и создал.Отсняв фотосессию пары,я им вместо 2 недель пообещал,что будут через неделю((.А осенило это меня,когда девушка написала по истечению срока и нужно было отдавать.Так вот.В фотошопе я не знал как обработать кучу фото в рав формате,т.к. снимаю только в нем.Загрузил их в лайтрум,там их подкорректировал,сохранил,а дальше нужно дело за фотошопом было,открыл одно из фото,поработал,ну и сохранил как всегда сохранял.(Замечу, что после лайтрума фото были очень хорошими и по цветовой гамме и по насыщенности, как говориться в норму.)опсле сохранения,открываю фото,а оно по насыщенности и и цветовой гамме отличались((.Почитав этот урок,сразу ашел причину.Теперь все фото сохраняю,в хорошем качестве.
СПАСИБО ЗА УРОК!
Саша, здравствуйте. Пожалуйста!
Весьма спорный материал
Спасибо. О первом способе, конечно же, знал. Второй открыл для себя благодаря этой статье.
Могли бы вы рассказать о редакторе FastStone Image Viewer и качестве его обработки снимков. Наверное, я просто иду по пути приложения меньших усилий, но кадрирование, уменьшение размера и перевод psd-файлов в .jpeg я делаю только в этой программе. Однако не разобрался в тонкостях настроек при сохранении - всякие "оптимизации Хаффмана" и Субдискретизации цвета" заморочили мне голову.
Здравствуйте! Пожалуйста.
С сожалению, не готов рассказать о редакторе FastStone Image Viewer. Несколько лет назад я имел дело с этой программой, а когда вплотную изучил возможности и эргономику Photoshop, Lightroom, Capture One оставил её, потому что мне нравится и удобно пользоваться узким набором выверенных временем инструментов. Но о тонкостях преобразования в JPEG (традиционные и современные методы, принципы) я мог бы написать статью (или серию статей) через несколько месяцев. Возьму Вашу просьбу на заметку.
Нельзя забывать еще один важный момент - большинство сайтов при загрузке "большой" картинки прогоняют ее через свой обработчик и сильно кушают резкость и детали. Например, ВК, если изображение больше 1280 пикс. по ширине, автоматом даунсемплит его для отображения в окне. В этом случае качество изображения сильно падает. Выход - самому даунсемплить картинку до оптимального размера. Можно использовать платную PhotoZoomPro, или отличный бесплатный плагин для Photoshop - C3C Image Size.
Даже если уменьшить до нужного размера ВК всё равно пропустит через оптимизатор и попортит картинку. И меня были случаи и наоборот что оптимизатор серьёзно перешарпливал.
в этом случае только один выход - чтоб сохранить качество отправлять картинку - только "документом" (при этом способе картинка не "испортится", но этот способ не годится для выкладывания в любую галерею для просмотра
Жаль что в ВК нет просто опции при загрузке картинки например "не делать никаких действий с картинкой" или "загружать так как есть"...