Несколько слов об оптимизации jpeg изображения

Сохранение jpeg в Photoshop для размещения на сайте

Мне частенько приходится делать изображения для размещения на сайтах. Притом это не всегда фотографии, в большом разрешении. Часто бывает, что нужно выложить небольшую или даже мелку картинку и ее размер – часто играет значение. Поэтому, при сохранении изображений для этих целей – всегда использую опцию Photoshop Save for Web and Devices … (Alt+Shift+Ctrl+S).

В принципе, единственный параметр, которым «играешься», чтобы получить нужный результат является: Quality (качество), который изменяется от 0 – 100. А результат – естественно, максимальное качество, при минимальном размере.

И хотя качество, как правило, оценивается на глаз, да и зачастую – особо не всматриваешься в мелкие детали, нужно помнить несколько важных моментов.

Quality 100

Нет, абсолютно нет никакого смысла сохранять изображения с этим параметром качества. Нужно помнить, или знать, что этот параметр – не процентное качество от исходного, а предел оптимизации. При таком параметре сохраняемое изображение будет иметь неоправданно большой объем. Качества 90 – 95, вполне достаточно для сохранения изображения практически без потерь.

К слову, о фотографиях, для получения качественной картинки для размещения, например на странице сайта Я обычно использую параметр качества 75 – 80. Этого вполне достаточно на мой взгляд.

Quality 50

А вот недавно, узнал один интересный факт. Работа jpeg алгоритмов такова, что изображение разбивается на блоки 8х8 пикселей, и уже внутри них происходит оптимизация. Но! При установке качества в 50 единиц и ниже, в Photoshop, включается дополнительный алгоритм оптимизации — color downsampling. Идея его в том, что при всех прочих равных условиях дополнительно усредняется цвет в соседних 8-ми пиксельных блоках. Итог работы этого алгоритма – можно видеть на картинке внизу.

Изображение сохранено в формате PNG, чтобы избежать любых искажений и артефактов. 1-й элемент – исходный, второй – качество 50, третий – качество 51. Думаю, дополнительных пояснений не требуется.

Вывод: Если на изображении присутствуют очень мелкие контрастные детали, не следует выставлять качество ниже 51.