Оптимизация изображений в формате JPEG

Если файл открыт в программе Photoshop, то сохраните его и щелкните по кнопке Jump to (Перейти к) в нижней части инструментальной панели. Загрузится программа ImageReady, если она еще не запущена. Альтернативный способ: в ImageReady выполните команду File → Open (Файл → Открыть), а затем выделите изображение и щелкните по кнопке Open (Открыть).

Выберите вкладку 2-Up (2 варианта) в верхней части главного окна, чтобы одновременно видеть исходное изображение и оптимизированный вариант.

Объем оригинала 6.54К (слева), оптимизированного файла - 3.606К (справа). На рис. красным кружком обведен объем оптимизированного файла. Яркий пример - мы уменьшили файл в два раза!

Откройте палитру Optimize, выполнив команду Window → Show Optimize (Окно → Показать палитку Optimize)

Из всплывающего меню Settings (Настройки) выберите один из вариантов:

- JPEG High (JPEG с высоким качеством);

- JPEG Low (JPEG с низким качеством);


- JPEG Medium (JPEG со средним качеством).

Все остальное оставьте без изменений и сохраните файл: Выполните команду File → Save Optimized (Файл → Сохранить с оптимизацией) или нажмите комбинацию клавиш Ctrl+Alt+S.

Если вы хотите выбрать другие настройки оптимизации, выполните следующие шаги:

1. Из всплывающего меню выдерите формат JPEG.


2. А из следующего - вариант LOW (Низкое), Medium (Среднее), High (Высокое) или Maximum (Максимальное), чтобы определить качество сжатия файла. Можно сделать иначе.
   
   
   Передвиньте ползунок Quality (Качество) на отметку степени сжатия. Посмотрите, как изменится при этом значение в расположенном рядом всплывающем окне.
   
   Никогда не забывайте, что чем ниже степень сжатия (или выше качество изображения), тем больше размер файла.


3. Установите флажок Progressive (Постепенно), чтобы оптимизированное изображение отображалось на Web-страничке с возрастающей детализацией.


4. Увеличьте степень размытия в поле Blur (Размытие), чтобы уменьшить видимость дефектов, которые появляются при сжатии файла. Будьте осторожны, не увеличьте это значение чрезмерно, иначе изображение окажется сглаженным слишком сильно. Потом значение в поле Blur можно будет уменьшить, чтобы восстановить резкость изображения.



5. Выберите в поле Matte (Кайма) какой-либо цвет, который будет использоваться для прозрачных областей исходного изображения. Если выбрать вариант None (Нет), то прозрачные области станут белыми.
   
   Формат JPEG не поддерживает прозрачность. Для того чтомы имитировать прозрачность с помощью цвета, указанного в поле Matte, установите его таким же, что и цвет фона Web-страницы, если последний известен.


6. По желанию - Установите флажок Optimize (Оптимизация), чтобы как можно лучше сжать файл.



7. Сохраните оптимизированный файл. (Выполните команду File → Save Optimized (Файл → Сохранить с оптимизацией) или нажмите комбинацию клавиш Ctrl+Alt+S.)

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

Отобразите палитру Optimize (Оптимизация) с помощью команды меню Window → Show Optimize (Окно → Показать палитку Optimize).

Из всплывающего меню Settings (Настройки), выберите какое-либо сочетание настроек. Оставьте выбранный вариант настроек без изменений и сохраните файл (выполните команду File → Save Optimized (Файл → Сохранить с оптимизацией) или нажмите комбинацию клавиш Ctrl+Alt+S) или выполните следующие шаги и задайте значения настроем оптимизации по своему выбору.

п. 5 - Из всплывающего меню с форматами файлов выберите GIF.

п. 6 - Активизируйте палитру из следующего всплывающего меню.

• Perceptual (Учитывающий восприятие) - создает цветовую таблицу на основе текущих цветов изображения. При этом особое внимание уделяется тому, как человек воспринимает цвета. Преимущество данной таблицы заключается в сохранении целостности цвета;


• Selective (Селективный) - создает таблицу цветов на основе текущих цветов изображения. Опции Perceptual и Selective похожи, но последняя в большей степени нацелена на сохранение цветов однотонных элементов изображения, а так.е Web-цветов;


• Adaptive (Адаптивный) - создает таблицу на основе части цветового спектра, где представлено большинство оттенков изображения. Эта опция формирует оптимизированный файл немного большего размера;



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


• Опция Custom (По выбору пользователя) оптимизирует цвета изображения на основе палитры, ранее сохраненной в программе Photoshop или ImageReady


• При выборе опций Mac OS и Windows цвета изображения оптимизируются на основе стандартной палитры соответствующей операционной системы.

п. 7 - выберите способ перемешивания пикселов: No Dither (Нет), Diffusion (Диффузия), Pattern (Узор) или Noise (Шум). Данная опция позволяет имитировать недостающие оттенки для изображения с 8-битным цветом (этот эффект нельзя увидетьна алитре) за счет увеличения размера файла. При выборе варианта Diffusion создается едва заметный эффект с наименьшим увеличением размера файла.


Выберите значение в процентах в поле Dither (Размытие). Большая величина позволяет имитировать больше цветов-заменителей, что также отразится на размере файла.

п. 8 - Укажите в поле Colors (Цвета) максимально возможное количество элементов для создания таблицы цветов (воспользуйтесь стандартной настройкой из выпадающего меню или введите точное значение). Для палитр Web, Windows и Mac по умолчанию в этом поле стоит Auto (Авто). Эта опция автоматически устанавливает количество элементов в таблице цветов равным либо количеству цветов в изображении, либо 256 в зависимости от того, какое значение меньше. Можно выбрать другой вариант настройки или ввести точное количество цветов, если вы по каким-то причинам не хотите пользоваться опцией Auto.

п. 9 - Установите флажок Transparency (Прозрачность), чтобы программа ImageReady сохранила все прозрачные точки изображения (области слоя, где виден шахматный узор). Если флажок Transparency не установлен, то прозрычные точки будут заполнены цветом, указанным в поле Matte (Кайма).

п. 10 - Для того чтобы контролировать, как частично прозрачные точки вдоль границ изображения будут смешиваться с фотом Web-страницы (подобно границам объектов при сглаживании), используйте опцию Matte (Кайма). Задайте в этом поле цвет, совпадающий с цветом фона Web-страницы, если известно, какой он. Если цвет фона неизвестен, выберите пункт None (Нет) в списке Matte, результатом будут жесткие, зазубренные границы. В обоих случаях исключается появление эффекта ореола вдоль границ изображения при отображении его в сети. Любой эффект смягчения границ (например Drop Shadow (Отбросить тень)), примененный к прозрачным областям, приведет к заливке цветом, указанным в поле Matte.

п. 11 - Установите флажок Interlaced (Через строку), чтобы детализация GIF-изображения постепенно возрастала по мере загрузки его на Web-страницу. При этом немного увеличится размер файла.

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

п. 13 - По желанию - Только для GIF-файлов можно установить значение параметра Lossy (С потерей), чтобы сделать размер файла оптимизированного изображения еще меньше. Как следует из названия опции, некоторые данные будут утеряны, но незначительное снижение качества изображения может быть оправдано уменьшением размера файла.

Сохраните файл (Выполните команду File → Save Optimized (Файл → Сохранить с оптимизацией) или нажмите комбинацию клавиш Ctrl+Alt+S.