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

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

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

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

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

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

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

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

show

Написать нам

Команда по Вашему проекту
  • PR менеджер

  • Интернет-маркетолог

  • Медиапланер

  • Специалист по контекстной рекламе

  • Бизнес аналитик

  • Юзабилити специалист

  • SMM специалист

  • Верстальщик html

  • Программист 1С Битрикс

  • Руководитель отдела копирайтинга

  • Руководитель SEO отдела

  • Креативный директор

  • Технический дизайнер

  • SEO специалист

  • Руководитель отдела интернет-маркетинга

  • SERM специалист

  • Руководитель отдела продаж

 

Подпишись на рассылку

Самое профессиональное мнение в SEO-сообществе, более 1000 подписчиков

наверх