WordPress как на ладони
Недорогой хостинг для сайтов на WordPress: wordpress.jino.ru

OptiPic.io — сервис оптимизации изображений

Есть немало сервисов для оптимизации (сжатия) изображений без потери качества, но не все из них одинаково хороши. В этом обзоре рассмотрим интересный сервис OptiPic.io, который имеет свои уникальные особенности.

Прежде чем переходить к обзору сервиса, давайте еще раз вспомним что такое сжатие картинок и зачем оно нужно.

Оптимизация изображения (сжатие изображения) – это уменьшение размера картинки до максимально приемлемого, так чтобы качество картинки визуально осталось на прежнем уровне.

Зачем оптимизировать изображения на сайте?

Если коротко, то чтобы картинки быстрее загружались и чтобы экономить место. Многие недооценивают важность оптимизации картинок на сайте. Рассмотрим, зачем нужна оптимизация картинок чуть подробнее.

Скорость загрузки страницы сайта

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

А скорость работы сайта, в свою очередь, прямо пропорциональна конверсии сайта (росту продаж, получению заказов). График исследования Walmart тому подтверждение. В нём видно, что рост конверсии сайта находится в прямой корреляции со скоростью его работы.

Занимаемое место на сервере и в бэкапах

Чем больше картинок на сайте, тем больше нужно места для их хранения. Кроме того, весь этот объем места чаще всего попадает в бэкапы сайта (zip файлы). А это еще раз увеличивает необходимое свободное место на сервере. Было бы отлично, если бы можно было уменьшить размер каждой картинки на 40-80% — это сильно сократит занимаемое место.

Что даёт оптимизации картинок?

  • Ускоряет загрузку страниц.
  • Улучшает поведенческие факторы.
  • Улучшает позиции в поисковой выдаче.
  • Улучшает показатели Google Pagespeed.
  • Увеличивает конверсию на сайте.
  • Экономит место на сервере (хостинге).

Как работает «оптимизация картинок» через сервис OptiPic.io?

Как сервис OptiPic.io сохраняет качество изображений при снижении их объема?

Сервис работает на основе алгоритма, суть которого удалить все служебные данные картинки (можно настроить чтобы они не удалялись), а также специальным образом объединить/сгладить похожие цвета, чтобы получить меньший размер.

В результате, мы получаем изображение меньшего размера, которое не отличить невооруженным глазом от оригинала. Размер сжатого изображения будет в разы меньше оригинала — чаще всего это от 60-90% экономии без видимой потери качества.

Демонстрация работы optipic на примере JPG картинки, размер который сжался с 132 до 63 КБ (на 52%). На картинке я увеличил фрагменты, чтобы можно было увидеть разницу в качестве.

Попробуйте сами cжать картику через OptiPic.

Алгоритмы сжатия уже давно придуманы и если у вас есть свой сервер, то на нём можно настроить скрипты, которые будут «ходить» по нужным папкам и сжимать находящиеся там картинки. Но такой подход требует наличие полного доступа к серверу (root прав), а также базовых знаний работы с командной строкой. Ну и в целом, нужно иметь свежую голову, чтобы такое настроить.

С сервисом OptiPic.io ничего этого не нужно — там беззаботное сжатие настраивается в несколько кликов.

Рассмотрим на примере

1) Регистрируемся на OptiPic.io

Добавляем свой сайт.

2) Копируем папку скрипта в корень вашего сайта

Или указываем FTP доступ и скрипт будет установлен автоматически:

3) Настраиваем и запускаем индексацию

4) Наслаждаемся результатом — экономия 59%

Ознакомительное видео

Показывает насколько прост ресурс в работе:

Почему OptiPic.io?

Потому что сервис был создан специально для оптимизации изображений на сайтах.

Просто, Быстро, Удобно

Простота использования сервиса была главной целью при его создании. Благодаря этому подключение сайта к системе занимает не более двух минут.

После подключения система сама просканирует весь сайт, найдет и оптимизирует все найденные изображения (не меняя их URL). Далее, при добавлении новых или изменении старых изображений, сервис автоматически ставит их в очередь на оптимизацию.

Оптимизация изображений на сайте проходит на полном автопилоте!

Регистрация и привязка сайта, настолько просты, что сводится к заполнению двух полей: почта и домен сайта.

Кросплатформенно

OptiPic.io легко и быстро подключить к любому сайту, благодаря простому и удобному интерфейсу сервера, который позволяет это сделать буквально в два клика.

Поддерживается все что работает на PHP: все CMS, фреймворки, самописные сайты.

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

Доступно

Первые 200 МБ бесплатно! Далее, нужно приобрести пакет на нужное количество МБ. Никаких ежемесячных платежей — вы оплачиваете только объем оптимизированных изображений.

Для некоммерческих проектов скидка 50%!

Для мелких сайтов сервис бесплатный.

-

Единственный минус — это то, что нужно установить скрипт сервиса на свой сайт. В остальном сервис очень удобный, рекомендую!

4 коммента
  • Есть еще https://resmush.it/. Не уверен кто из них лучше, но его я успешно использовал для оптимизации изображений с помощью CLI-утилиты - сразу всю папку проходит. До 2мб лимит на изображение, вроде.

    Ответить8 дней назад #
  • petrozavodsky777 cайт: alkoweb.ru

    Серьезно?

    Вот это нас вой сервер загрузить, спасибо но нет

    Ответить7 дней назад #
  • Q-uetzal cайт: Q-uetzal.ru

    Думаю, что не нужны скрипты, прекрасно вручную через tinypng.com сжимается.

    2
    Ответить7 дней назад #
  • Отдельные картинки оптимизировать проблемы нет. А вот как подсовывать для адаптивных сайтов картинки нужного размера на галереях, слайдерах и каруселях - не в пример актуальнее задачка. Все тесты быстродействия google заточены под мобильные устройства. И если картинка превышает размер вывода - однозначно говорят о плохой оптимизации. В html5 есть <picture>, позволяющий городить примерно такую конструкцию:

    <picture>
    	<source srcset="smaller.jpg" media="(max-width: 768px)">
    	<source srcset="default.jpg">
    	<img srcset="default.jpg" alt="My default image">
    </picture>

    вот если бы сервис заменил стандартный <img> такой конструкцией с автоматической генерацией необходимых оптимизированных картинок - было бы круто...

    Ответить5 дней назад #
Здравствуйте, !     Войти . Зарегистрироваться