Вот мы и добрались до наших любимых фото и изображений.
Ранее мы уже разобрали такие способы оптимизации движка Joomla как:
CMS Joomla 3 — ускоряем работу Gzip-сжатие страниц
CMS Joomla 3 — ускоряем работу кэширование
Используя изображения для дизайна сайта или размещая фотографии, мы частенько не задумываемся о том, что время загрузки страницы может сильно увеличиться из-за того, что наша графика не оптимизирована. Особенно это важно для случаев, когда на сайт заходят с мобильных устройств. А если связь не очень или дорогая, то скорость загрузки и «вес» загружаемых данных бывает критична.
Хороший верстальщик берет за правило, перед тем как разместить изображение на хостинге, его максимально и желательно без сильной потери качества оптимизировать.
Что делать если изображений на сайте накопилось много или с помощью графических редакторов вы не умеете или нет возможности вручную оптимизировать графику? А если надо быстро?
Решение есть! Сейчас расплодилось огромное количество онлайн-сервисов, решающих те или иные задачи, в том числе и те которые помогут вам оптимизировать ваши изображения.
Поделюсь с вами сервисом, которым пользуюсь лично.
Tinypng – сервис довольно качественно справляется с файлами JPG и даже PNG (с последним форматом не каждый сервис вообще работает)
Сервис платный, но имеет и бесплатный вариант работы. По моему мнению, даже с ограничениями, бесплатной версии более чем достаточно!
Собственно, какие ограничения мы имеем:
· За один проход мы можем оптимизировать не более 20 файлов.
· Файл не должен превышать размер по весу в 5 MB.
· Работает только с JPG и PNG
Давайте начнем:
Заходим на сайт сервиса https://tinypng.com/ - все на английском, но нам это не помешает.
В самом верху в шапке сайта мы видим модуль, который сообщает нам об ограничениях и о том, что можно прямо сюда перетащить файлы которые мы ходим оптимизировать. (Кстати если просто нажать на модуль, то откроется диалоговое окно проводника, где можно выбрать файлы, находящиеся на вашем диске)
Для примера я выбрал вот такое изображение разрешением 600х400 весом 115KB формата PNG
Перетаскиваем фото в модуль – и наблюдаем процесс и результат.
Если нас все устраивает, жмем кнопку Download ALL
Сохраняем архив tinified.zip в нужное местно на диске – распаковываем, радуемся.
Или кнопку Save to Dropbox если используете этот облачный сервис.
Касаемо результата, вот что у меня получилось:
47,8 килобайт против 115 килобайт с минимальной потерей качества – это довольно серьезно. А в целом, если вы оптимизируете графику сайта или фото товаров в магазине, особенно если их тысячи – результат будет ощутимый.
Капелька юмора для тех кто дочитал до конца: