Этот учебник посвящен подготовке цифровых изображений, читаемых AdobePhotoshop, таких как PSD-файлы, TIF-изображения и "большие" JPEG-изображения, для размещения на веб-сайтах, форумах и в социальных сетях. Об отправке электронных писем. Другими словами, "jpeg" из Интернета. Рифма.
Конечно, форматы изображений, которые может читать Photoshop, редко ограничиваются тремя вышеупомянутыми. И самое приятное, что большинство из них можно конвертировать в JPEG. Независимо от исходного формата Photoshop, существует два способа "разформатировать" их. Выбор вдвойне приятен. Оба пути различны. Внешние различия могут быть обнаружены невооруженным глазом. Разница в целях ("по какому пути идти") указана особо.
В этом уроке представлено пошаговое описание этих двух методов, включая необходимую теоретическую "интеграцию". Она призвана показать, как оптимально хранить виртуальные изображения, коллажи или фотографии в широко используемом формате JPEG. Последний вариант более эффективен для изображений с плавным изменением цвета.
Для закрепления и расширения полученных знаний и развития навыков предусмотрены соответствующие упражнения. Мы призываем вас выполнить их, а затем опубликовать свои результаты в комментариях к этому уроку. Испытайте их в полевых условиях!
На примере дизайна, созданного в Photoshop, мы покажем вам, как сохранить изображение в формате JPEG.
Первый способ
Шаг 1.
Откройте исходное изображение в Photoshop. В моем случае это файл с именем ‘Example.psd’, содержащий оформленный воздушный шар.
Нажмите комбинацию клавиш "Ctrl", "Shift" и латинскую букву "S" или выберите в главном меню команду Файл>Сохранить как…. Выберите Файл>Сохранить как… (или в главном меню выберите Файл>Сохранить как…). (или выберите Файл>Сохранить как… в главном меню). Появится диалоговое окно "Сохранить как…".
Шаг 2.
Выберите местоположение будущего изображения JPEG. В поле Имя файла при желании введите новое имя для изображения. В раскрывающемся списке Тип файла выберите формат JPEG (*.JPG, *. JPEG, *. JPE).
Оставьте следующие параметры без изменений и убедитесь, что вы выбрали "стандартный" sRGB в качестве цветового профиля для изображения JPEG, которое будет встроено в полученное изображение. Если да, перейдите к шагу 4.
Если вместо sRGB указан другой цветовой профиль, например ProPhotoRGB или AdobeRGB, конвертируйте исходное изображение в цветовое пространство sRGB, чтобы обеспечить стабильное отображение цветов на большинстве устройств, прежде чем приступать к этому процессу. Действуйте следующим образом.
Шаг 3.
Нажмите клавишу Esc на клавиатуре, чтобы закрыть окно "Сохранить как".
В главном меню выберите Изображение > Функция. Если вы выбрали ‘8 бит/канал’, выберите ’16 бит/канал’. Рекомендуется увеличить глубину цвета, чтобы преобразование из одного цветового профиля в другой было чистым. Визуально изменения глубины цвета вряд ли повлияют на исходное или конечное изображение.
Затем в главном меню выберите Редактировать > Преобразовать в профиль. Появится диалоговое окно Преобразовать в профиль.
В моем случае "исходное пространство", описывающее цвета дизайна, — это "Adobe RGB (1998)". Выберите ‘SRGB IEC61966-2.1’ из списка "пространство назначения". Проверьте параметры преобразования — они следующие. Опция ‘Engine’ — ‘Adobe (ACE)’, опция ‘Intent’ — ‘Relative colorimetric’, выбрана опция ‘Use Black Point correction’ и нет предыдущей подписи. Опция "Сплющить изображение для сохранения внешнего вида".
Если глубина цвета увеличена (сделано ранее), опция "Use Dither" отключается. Если открытое изображение имеет только один уровень (обычно при открытии JPEG или "простого" TIF-изображения), функция "Объединить изображения для сохранения вида" также неактивна.
Нажмите кнопку ‘Finish’ (‘OK’). Окно "Преобразовать в профиль" исчезнет.
Снова откройте окно "Сохранить" и продолжите выполнение шага 2.
Шаг 4.
Нажмите "Сохранить" в окне. Сохранить "Как".
В главном окне появится новый диалог "Параметры JPEG". Опция "Качество" позволяет установить качество выводимого изображения и соотношение между размером изображения, которое понимает память компьютера. Ценой уменьшения объема таким образом является снижение качества выходного изображения. Чем ниже значение параметра "Качество", тем меньше размер изображения JPEG.
В данном примере используется значение 6.
Установите флажок "Предварительный просмотр", чтобы оценить качество изображения перед сохранением.
Шаг 5.
Определите вторую опцию "Параметры формата", "Оптимизация базовой линии". Объем будущих изображений JPEG уменьшается, а качество изображения остается прежним.
Шаг 6.
В окне ‘Параметры JPEG’ нажмите ‘OK’, чтобы подтвердить результат.
Сравниваю объёмы исходного PSD-рисунка ( 3000 Kb) и итоговой JPEG-картинки (82 Kb). Таким образом, JPEG-файл получился примерно в 36 раз меньше исходного изображения при визуально равном качестве. Удобно!
Обратите внимание, что размер конечного изображения JPEG остается таким же, как и у исходного PSD-изображения, и равен 2480 пикселей x 2480 пикселей.
Закройте исходное изображение. В появившемся диалоговом окне с вопросом о сохранении изменений выберите Нет.
Второй способ
Шаг 1.
Откройте исходное изображение в Photoshop.
Нажмите ‘ctrl’, ‘alt’, ‘shift’ и ‘s’ на клавиатуре, затем выберите File > Save for web … Выберите "сохранить для веб…". ("кроме Всемирной паутины…"). .
Появится новое диалоговое окно с тем же названием.
Шаг 2.
В появившемся окне ‘Save Web’ выберите ‘JPEG’ из выпадающего списка в верхней части окна.
Шаг 3.
Установите значение параметра "Качество" на максимум.
Шаг 4.
Измените размер изображения с помощью "Размер изображения".
Это функция опций, но в основном она служит для значительного уменьшения размера выходного изображения JPEG с минимальной потерей качества. Устранение приводит к естественному уменьшению размера изображения, с одной стороны, и снижению детализации — с другой. Последнее ограничивает возможность печати конечного изображения в формате JPEG. Если вы не собираетесь печатать последнее, забудьте об ограничении.
В этом примере введите значение 600 в поле Ширина. Это автоматически изменит значение в поле Высота. Он также автоматически изменит размер выходного изображения относительно размера исходного изображения, как указано в поле Процент. Изменения применяются автоматически, и поле Процент остается активным, если поля Ширина и Высота связаны. На это указывает соответствующий значок справа от названного поля.
Предварительный просмотр слева дает представление о размере и качестве изображения. Приблизительный размер последнего указывается числом в килобайтах (Кб) или мегабайтах (Мб) в левом углу окна.
Шаг 5.
Выберите опцию "Оптимизировать".
Шаг 6.
Если вы хотите уменьшить размер выходного изображения, уменьшите параметр "Качество". Рекомендуется поддерживать его в диапазоне от 45 до 90.
В данном случае выберите значение 75.
В результате средняя скорость доступа в Интернет равна одному мегабиту (1 Мбит), а время загрузки изображения из Интернета составляет одну секунду. Это определяется под объем будущих JPEG-изображений.
В то же время, визуально изображения имеют приемлемое качество, а тональные изменения очень плавные.
Шаг 7.
Выберите опцию Преобразовать в sRGB и установите параметр Отображение цвета в раскрывающемся списке ниже.
Шаг 8.
Наконец, установите флажок напротив пункта Встроенный цветовой профиль.
Шаги 7 и 8 желательны для того, чтобы будущие изображения JPEG выглядели почти одинаково на разных устройствах.
Шаг 9.
Нажмите кнопку "Сохранить…". Нажмите кнопку. ("Сохранить…") .
В появившемся оптимизированном диалоге Сохранить как выберите местоположение для изображения JPEG и при необходимости присвойте ему имя. Нажмите кнопку Сохранить в активном окне. Оба окна исчезнут. Теперь вы можете измерить результаты.
Закройте исходное изображение. В появившемся диалоговом окне с вопросом о сохранении изменений выберите Нет.
Изображение, полученное вторым методом, полезно для публикации в Интернете. Изображения, полученные первым способом, можно использовать не только для публикации в Интернете, но и для печати. Поскольку размер изображения не был изменен, интерполяция не проводилась. Это означает, что качество изображения выше, чем при использовании второго метода.
Подробнее об интерполяции и ее влиянии на качество цифрового изображения вы узнаете из урока "Что такое интерполяция?".
Для закрепления полученных знаний рекомендуется не только сохранить собственные фотографии в формате JPEG, но и выполнить упражнения, сопровождающие этот урок. Последняя охватывает задачи, которые могут встретиться на занятиях по фотографии.
Поделитесь результатами упражнений в комментариях.
Упражнения.
Скачайте архив (объём 36 Mb) с изображениями-примерами.
- Подготовьте фотографию ‘Example1.jpg’ для публикации в электронном портфолио. Для этого создайте три изображения в формате JPEG максимально возможного качества. Объем (пространство, занимаемое памятью вашего компьютера) каждого из них не должен превышать 100. Предположим, что первое изображение имеет высоту 800 пикселей, второе — 500 пикселей, а третье — 50 пикселей. Какое значение "качества" должно быть установлено в каждом из трех случаев? Каково минимальное значение "качества" для того, чтобы третье изображение выглядело приемлемо?
- Подготовьте изображение ‘Example2.psd’ для печати в местной фотолаборатории, которая не принимает -файлы, сохранив его в формате JPEG с максимальным качеством. Каков фактический размер полученного изображения JPEG?
- Подготовьте изображение ‘Example1.jpg’ для участия в фотоконкурсе. Организаторы хотят оценить не только содержание изображений, но и их техническое качество. Поэтому к приемлемым фотографиям предъявляются следующие требования. Размер — не более 300, размер — не более 2048 пикселей по большей стороне. Какая пара значений ‘качество — размер — длинная сторона в пикселях’ наиболее эффективно отвечает этим требованиям?
- Сохраните изображение ‘Example2.psd’ в формате JPEG в версиях 7-10. Качество различается всего на 10-15%. Например, сохраните ‘Example2_10.jpg’ с Quality = 10 и ‘Example2_20.jpg’ с Quality = 20. Затем уменьшите размер всех версий до четырехкратного исходного размера изображения. Затем, начиная с изображения самого высокого качества, покажите все варианты двум-трем людям в одинаковом масштабе и попросите их выбрать приемлемый вариант качества. При какой настройке качества изображение становится визуально менее приятным (укажите среднее значение)?
- Сохраните изображение ‘Example3.tif’ в формате JPEG в трех возможных версиях и дайте пользователю возможность загрузить каждую версию в течение одной секунды при скорости доступа в Интернет, равной 1 Мбит. Уменьшите размер первого выделения с помощью параметра Качество, уменьшите размер второго выделения с помощью параметра Размер изображения (или процент) и уменьшите размер третьего выделения, объединив первый и второй варианты. Покажите все варианты двум-трем людям и попросите их выбрать самый качественный вариант. Какой подход позволяет получить изображение наилучшего технического качества?
ПРИМЕЧАНИЯ.
1 Одной из причин, побудивших меня подготовить этот урок, является то, что Время от времени мы получаем фотографии и различные изображения. Друзья присылают свои фотографии, а одноклассники — результаты выполнения заданий. Многие из присланных изображений являются, мягко говоря, огромными "пробоинами", как в килобайтах, так и в пикселях. Загрузка изображений может занять много времени. Кроме того, когда изображения размером в мегабайт отправляются в виде вложений в электронную почту, почтовые клиенты воспроизводят их с задержкой, в некоторых случаях очень заметной и в масштабе 100%. Конечно, все это непросто. Представьте себе, сколько чужого времени я трачу, когда размещаю на своем сайте или отправляю потенциальным клиентам фотографии в оригинальном качестве. Назад к тексту.