Умный CDN OptiPic — Больше, чем сжатие. Комплексная оптимизация изображений налету с конвертацией в WebP [Подробнее]
Previous Next

Умный CDN OptiPic

CDN OptiPic — простое решение проблемы "Используйте современные форматы изображений"
Умная конвертация в WebP на лету
Что делает CDN OptiPic при попытке запросить у него изображение:
  • Отдает Webp-версию изображения
    если браузер поддерживает WebP
  • Отдает сжатую версию без Webp
    если браузер не поддерживает WebP
  • Адаптирует под узкие экраны
    если изображение открывается с мобильного
  • Кеширует и ускоряет загрузку
    снимая нагрузку с вашего хостинга
Конвертация в Webp и сжатие изображений происходит в фоновом режиме и никак не замедляет отдачу изображений.
Если оптимизированная версия еще не готова на момент запроса изображения - отдается исходная версия без какой-либо обработки.
Подробнее о подключении
Что дает оптимизация изображений на сайте
  • Ускоряет
    сайт
  • Улучшает
    SEO
  • Увеличивает
    конверсию
  • Улучшает Google
    Pagespeed Insights

Как работает умный CDN OptiPic?

Конвертирует в WebP - передовой формат изображений
Решает проблему "Используйте современные форматы изображений" в Google Pagespeed Insights

Если посетитель вашего сайта использует браузер, поддерживаемый формат WebP, то CDN отдает ему именно WebP-версии изображений (WebP-версии генерируются автоматически на стороне CDN).

Почему стоит использовать WebP?

Использование Webp решает проблему "Используйте современные форматы изображений" в Google Pagespeed Insights.

Если вкратце, то WebP сжимает файл лучше при прочих равных, чем более старые форматы (png и jpeg) - а значит занимает на хостинге меньше места и быстрее загружается в браузере при просмотре страницы.

Внедрение WebP активно пропагандируется Google-ом - они предоставляют такую статистику:

  • WebP сжимает изображения без потерь на 26% лучше, чем PNG.
  • WebP сжимает изображения с потерями лучше, чем JPEG на 25-34% при одинаковом индексе структурного сходства (SSIM)
  • WebP поддерживает прозрачность без потерь (известную, как альфа-канал) при увеличении размера всего лишь на 22%.

Сжимает изображения

Если браузер посетителя не поддерживает Webp, то посетителю отдаются изображения в исходном формате (png/jpeg), но предварительно сжатые/оптимизированные.

Адаптирует под мобильные телефоны

Если посетитель открывает сайт с мобильного телефона, то изображения не только автоматически сжимаются или конвертируются в Webp, но и автоматиечески уменьшаются по ширине (чтобы еще сильнее ускорить загрузку изображений при мобильном интернете)

Кеширует и ускоряет загрузку

Изображения не будут каждый раз конвертироваться, оптимизироваться и сжиматься на лету при каждом запросе. Все эти процедуры CDN проведет единоразово для запрашиваемого изображения. В фоновом режиме, чтобы не тормозить отдачу изображений посетителю вашего сайта.

Как подключить CDN OptiPic?

Вариант #1: Используйте плагин для вашей CMS

Все поддерживаемые CMS

Вариант #2: Универсальное подключение через Nginx (проксирование)

URL изображений на сайте не изменяются. Просто теперь весь трафик изображений автоматически перенаправляется на CDN OptiPic
# OptiPic CDN: insert it before the Server structure
upstream cdn_optipic { server cdn.optipic.io; }

# OptiPic CDN: insert it into the Server structure
location  ~* \.(png|jpg|jpeg)$ {
    set $host_value "cdn.optipic.io";
    set $from_optipic "yes"; # to disable CDN OptiPic - set "no" value
    if ($arg_no_optipic) {
        set $from_optipic "no";
        set $host_value $host;
    }
    
    proxy_redirect     off;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header Host $host_value;
    
    if ($from_optipic = "yes") {
        rewrite ^/(.*) /site-XXXXXX/$1 break;
        proxy_pass http://cdn_optipic;
    }
    
    # get-param ?no_opitpic=1 - get image from your hosting directly (without CDN OptiPic)
    try_files $uri 404;
}
XXXXXX — id вашего сайта в личном кабинете CDN OptiPic
Настоятельно рекомендуем проверять корректность новой версии конфига перед перезагрузкрой nginx. Сделать это можно командой nginx -t.
Мягко перезагрузить (перечитать конфиги) nginx можно командой nginx -s reload
Документация по проксированию в Nginx
Бесплатная помощь в подключении
Проверьте, загружается ли картинка через CDN OptiPic
Бесплатное внедрение
даже на бесплатном тарифе

Вариант #3: Просто измените URL картинок на вашем сайте!

Было
не оптимизированным

<img src="/upload/foo/bar/image.png">

Стало
автоматически оптимизированным

<img src="//cdn.optipic.io/site-XXXXXX/upload/foo/bar/image.png">
XXXXXX — id вашего сайта в личном кабинете CDN OptiPic

Начните прямо сейчас с БЕСПЛАТНОГО пакета

Оплата единоразовая — никаких ежемесячных платежей
Купленный пакет не сгорает в конце месяца - выгодно приобретать на несколько месяцев вперед

Вы платите за показы изображений с CDN. Итоговая стоимость использования зависит от объема трафика на ваш сайт. В среднем это от 100 руб за 1 млн показов изображений.
Первые демонстрационные 100,000 показов — бесплатно!
100,000
показов

бесплатно

Попробовать как подобрать пакет?
1,000,000
показов

850 руб. 425 руб.

Купить как подобрать пакет?
2,000,000
показов

1 190 руб. 595 руб.

Купить как подобрать пакет?
5,000,000
показов

2 040 руб. 1 020 руб.

Купить как подобрать пакет?
10,000,000
показов

3 400 руб. 1 700 руб.

Купить как подобрать пакет?
20,000,000
показов

6 290 руб. 3 145 руб.

Купить как подобрать пакет?
Вы можете сконвертировать свой баланс классического OptiPic в баланс OptiPic CDN

Конвертация происходит по формуле:
ClassicBalanceBytes / 1000
где ClassicBalanceBytes - баланс классического OptiPic (в байтах)

Примеры конвертации:
1 ГБ (1 073 741 824 байт) --> 1 073 741 просмотров
100 МБ (104 857 600 байт) --> 104 857 просмотров
Все пакеты

Нас рекомендуют
Общая оценка — 4.55 (122 отзывов)
Все отзывы

О нас пишут популярные издания и специалисты

Свяжитесь с нами, чтобы получить бесплатную консультацию

?