Картинки на сайте нужно оптимизировать — вычищать ненужные служебные данные и прогонять картинку через специальные алгоритмы. Это ощутимо уменьшает размер файлов картинок, а, значит, ускоряет загрузку страниц сайта, особенно для посетителей с медленным интернетом.
Скорость загрузки страниц — один из важнейших факторов, по которым поисковики оценивают сайты. Медленным сайтам сложнее попасть на вершину поисковой выдачи.
Когда картинок много, разница в скорости загрузки до и после оптимизации видна невооружённым глазом. А в интернет‑магазине с десятками тысяч фоток товаров, оптимизация вполне может сэкономить неплохие деньги на оплате места на хостинге.
Скорость загрузки страниц — один из важнейших факторов, по которым поисковики оценивают сайты. Медленным сайтам сложнее попасть на вершину поисковой выдачи.
В идеальном мире разработчики «учат» сайт автоматически оптимизировать картинки. На практике так заморачиваются далеко не всегда, картинки частенько приходится оптимизировать вручную.
Проще всего оптимизировать картинки вручную специальной программой. На маке я пользуюсь Имидж‑Оптимом. Перетягиваю в программу картинку:
У меня в настройках включено сжатие с небольшой допустимой потерей качества. Эта потеря не заметна в большинстве задач, зато на порядок увеличивает эффективность сжатия.
Вжух! Размер картинки уменьшился в восемь раз без ощутимой потери качества:
В Имидж‑Оптим можно перетаскивать целые папки, программа найдёт и оптимизирует все картинки внутри:
Имидж‑Оптим можно натравить на картинки через контекстное меню по правой кнопке мыши:
Оптимизируйте всё, что загружаете в веб. С программой это быстро, а результат ощутим и полезен.
Напоследок, ещё раз: в идеале оптимизацию картинок автоматизируют. Чтобы не заставлять менеджеров вручную оптимизировать фотки товаров, попросите разработчиков добавить автоматическую оптимизацию на этапе загрузки картинок на сайт. Можете заодно попросить их добавить и автоматическое типографирование текста, кстати! :‑)
P. P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.