Картинки на сайте нужно оптимизировать — вычищать ненужные служебные данные и прогонять картинку через специальные алгоритмы. Это ощутимо уменьшает размер файлов картинок, а, значит, ускоряет загрузку страниц сайта, особенно для посетителей с медленным интернетом.

Скорость загрузки страниц — один из важнейших факторов, по которым поисковики оценивают сайты. Медленным сайтам сложнее попасть на вершину поисковой выдачи.

Когда картинок много, разница в скорости загрузки до и после оптимизации видна невооружённым глазом. А в интернет‑магазине с десятками тысяч фоток товаров, оптимизация вполне может сэкономить неплохие деньги на оплате места на хостинге.

Скорость загрузки страниц — один из важнейших факторов, по которым поисковики оценивают сайты. Медленным сайтам сложнее попасть на вершину поисковой выдачи.

В идеальном мире разработчики «учат» сайт автоматически оптимизировать картинки. На практике так заморачиваются далеко не всегда, картинки частенько приходится оптимизировать вручную.

Проще всего оптимизировать картинки вручную специальной программой. На маке я пользуюсь Имидж‑Оптимом. Перетягиваю в программу картинку:

У меня в настройках включено сжатие с небольшой допустимой потерей качества. Эта потеря не заметна в большинстве задач, зато на порядок увеличивает эффективность сжатия.

Вжух! Размер картинки уменьшился в восемь раз без ощутимой потери качества:

Оригинал 1,6 Мб
После оптимизации 188 Кб

В Имидж‑Оптим можно перетаскивать целые папки, программа найдёт и оптимизирует все картинки внутри:

Имидж‑Оптим можно натравить на картинки через контекстное меню по правой кнопке мыши:

Оптимизируйте всё, что загружаете в веб. С программой это быстро, а результат ощутим и полезен.

Напоследок, ещё раз: в идеале оптимизацию картинок автоматизируют. Чтобы не заставлять менеджеров вручную оптимизировать фотки товаров, попросите разработчиков добавить автоматическую оптимизацию на этапе загрузки картинок на сайт. Можете заодно попросить их добавить и автоматическое типографирование текста, кстати! :‑)

P. P. S. Это был совет о веб‑разработке. Хотите знать всё о коде, тестах, фронтенд‑разработке, цеэсэсе, яваскрипте, рельсах и джейде? Присылайте вопросы.
Веб‑разработка
Отправить
Поделиться
Запинить

Рекомендуем другие советы