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

Для сайта необходимы еще наличие фотографий и их реструктуризация. Формат обычного изображения — c цветовой глубиной 24bpp (TrueColor) и использует сжатие с потерей информации. Имеются также несколько способов оптимизации, или по-другому — оптимальный коэффициент сжатия.

Для этой оптимизации необходим графический пакет или утилита, которые разрешают нам регулировать степень сжатия изображения. Возьмем простую и всем известную программу PhotoShop, но к великому и не только нашему сожалению, в базовой конфигурации не нам свободно регулировать степень сжатия (так как предлагается несколько фиксированных значений). Хотя, есть выход — можно найти модули, специально подсоединяемые для осуществления данной операции. Программы типа PhotoPaint или PaintShopPro подойдут вам для оптимизации графики и лучше ими воспользоваться. Именно с помощью этих программ возможно регулирование степени сжатия либо заданием процента потерь, либо заданием значения качества от 0 до 255.

И вот здесь встает вопрос определения процентности сжатия.

Сначала необходимо задуматься над вопросом о сохранении фотографии при нескольких значениях коэффициента сжатия, а затем внимательно проанализировать ее. Показателями потери качества будут так называемые «дрожащие контуры», они сильно заметны в местах контрастных переходов, и возникновение пятен в областях с плавными переходами. Коэффициент сжатия, в котором искажения еще не видны, но с увеличением коэффициента на один интервал становятся заметными, и является оптимальным. Имея такое разрешение, размер файла будет минимален и без потери качества.

Проведение того же самого с каждой фотографией может занять слишком много времени. В каждом случае всегда есть решение — все фотографии можно поделить на некоторые подтипы (например: черно-белые фотографии, тонированные фотографии, пейзажи и т.д.) и например, к каждому подтипу подобрать свой оптимальный коэффициент. Ну а дальше можно просто применять этот коэффициент ко всем подобным фотографиям. Также возможна оптимизация фотографий при помощи программы Ulead SmartSaver Pro. При использовании разных программ, но при этом одинакового качества изображения — размеры фотографий различаются.

Также рассмотрим использование прогрессивной развертки. Данный метод не влияет на размер фотографии, но заметен при загрузке фотографий. Если осуществлена запись изображения в стандартном формате — вывод на экран осуществляется горизонтальными полосками, и, пока изображение не загрузится полностью, мы не сможем определить его смысл. Напротив, при записи файла в прогрессивном формате, изображение появляется сразу целиком, но в грубой форме, постепенно улучшаясь. Таким образом, посетители сайта возможно сразу же смогут оценить фотографию и решить, стоит ли ожидать ее докачки, что позволит сэкономить немного времени при просмотре Ваших страничек.

Не все графические программы могут записывать в этом формате. Есть и плюсы – то, что прогрессивная развертка JPG поддерживается всеми браузерами. Поэтому проверьте свои программы на возможность сохранять файлы с прогрессивной разверткой. Последние версии PhotoShop и PaintShopPro умеют это делать.