Сжатие картинок с помощью сервиса OptiPic

OptiPic.io — это сервис оптимизации изображений для сайтов. Дополнение OptiPic реализует интеграцию сайта MODX с этим сервисом. Чтобы оптимизировать картинки, например, при выводе через pdoResources, добавьте сниппет optipic в список фильтров ввода вывода:

<h3>[[+pagetitle]]</h3>
<img src="[[+tv.image:phpthumbon=`w=350&h=180&zc=1`:optipic]]" alt="[[+longtitle]]">

Единственный минус сервиса в том, что он платный. Сегодня я расскажу о том, как немного снизить расходы на оплату сервиса.

Во-первых, отправляйте в сниппет уже уменьшенные картинки (например, после phpthumbon) — тогда трафик будет расходоваться экономнее. Если перед optipic использовать ещё и дополнение SmushIt, а в сервисе установить оплату за эффективность, то и бесплатных 10 Мб хватит надолго.

Во-вторых, можно получить скидку 4%, если вступить в группы OptiPic в соцсетях (по 1% за каждую группу)

В-третьих, если при регистрации отметить, что у вас есть купон — ILYAUT, то вы получите скидку ещё 10%.

Так же, если вы разместите обзор сервиса на своём сайте, вы получите 100 Мб для оптимизации.

За отзыв на маркетплейсе Bitrix можно получить ещё 100 Мб.

Можно сравнить сервис OptiPic и TinyPng. Первый лучше сжимает небольшие изображения — Google PageSpeed не придерётся. Вторым лучше пользоваться для оптимизации больших изображений — так лучше сохранится качество и сжатие будет более существенным.

Если воспользоваться этими советами, ваш сайт будет загружаться гораздо быстрее. Кроме того, высокие баллы в PageSpeed получить будет проще.