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

В этой статье приведен пример оптимизации изображения в формате JPG с помощью диалогового окна «Save For Web».

Нет смысла рассказывать обо всех функциональных возможностях данного инструмента, разберемся лишь в следующих моментах: выбор типа файла для сохранения, параметр качества изображения (Quality) для JPG и количество цветов (Colors) для GIF.

Откройте любое изображение, которое решили оптимизировать. В моем случае это довольно насыщенный деталями пейзаж:

Нажмите сочетание клавиш Alt+Ctrl+Shift+S или выберите File → Save For Web. Появится диалоговое окно:

Сразу же перейдите на закладку «Optimized» [1], чтобы вы могли отслеживать качество конечного изображения.

Для изображений, в которых наблюдается большое число цветов — выбирайте тип файла JPG. [2] на рисунке.

Поиграем с качеством. Задайте низкое значение Quality, например, равное 10. Вот что у меня получилось (размер изображения — 1024×768 px, размер файла — 58кб):

Это пример «пережатого» файла. Такое низкое значение недопустимо. В этом случае я рекомендовал бы вам уменьшить в размерах ваше изображение на 10-20%. Вы сможете увеличить Quality, при этом детали в изображении будут более четкими при том же размере конечного файла. Вот пример (при сохранении был выбран размер 800×600 px, размер файла — 53 Кб):

Добиться меньшей видимости «шумов» помогает установка ненулевого значения Blur (Размытие). Работать с ним нужно аккуратно и, желательно, менять значение этого параметра в последнюю очередь!

Старайтесь уменьшать значение Quality, до тех пор, пока вы не начнете замечать шумы. Это будет самым оптимальным вариантом!

В данном примере я остановился на значении Quality = 40. Размер файла — 97,7 Кб:

Сохранение файлов в формате GIF мы разберем в следующей части статьи.

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

В случае копирования урока указывайте автора и ставьте активную гиперссылку на наш сайт. Более подробную информацию вы можете получить в разделе «Правовая информация».

Самая подробная информация nokia 830 на сайте - www.svyaznoy.ru. со скидкой