Smart CDN OptiPic

CDN OptiPic — простае рашэнне праблемы "Падаваць выявы ў фарматах наступнага пакалення"
Smart WebP канверсія на лета
Што робіць OptiPic CDN, калі спрабуе запытаць у яго выяву:
  • Вяртае версію выявы WebP.
    калі браўзер падтрымлівае фармат WebP
  • Вяртае сціснутую версію без webp
    калі браўзер не падтрымлівае WebP
  • Рэагуе на мабільныя экраны
    калі выява адкрываецца з мабільнага
  • Кэш і паскарае загрузку
    зніжэнне нагрузкі ад вашага хостынгу
  • Абараняе вашыя выявы
    захаванне аўтарскіх правоў з дапамогай тэгаў EXIF і IPTC
  • Выкарыстоўвайце сваё ўласнае
    даменнае імя
    каб загрузіць выявы з img.domain.com і г.д
  • Lazy load
    малюнкі
    Выявы загружаюцца пры пракрутцы старонак
Пераўтварэнне ў 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

або

проста ўвядзіце URL вашага сайта

мы аўтаматычна выявім CMS і прапануем прыдатны інтэграцыйны модуль

Варыянт #2: Універсальнае падключэнне праз PHP (бібліятэка GitHub)

URL-адрасы малюнкаў на сайце змяняюцца аўтаматычна. Дастаткова проста дадаць 1 радок у ваш .htaccess або php.ini.

Прыклад падлучэння праз .htaccess

php_value auto_prepend_file "<SITE_ROOT_DIRECTORY>/optipic-cdn-php/optipic-cdn-php/auto_prepend_file.php"

Прыклад падлучэння праз php.ini

; Automatically add files before PHP document.
; http://php.net/auto-prepend-file
auto_prepend_file = <SITE_ROOT_DIRECTORY>/optipic-cdn-php/optipic-cdn-php/auto_prepend_file.php
Бібліятэка на GitHub
бясплатная інтэграцыя па запыце

Варыянт #3: Універсальнае падключэнне праз проксі Nginx

URL-адрасы малюнкаў на сайце не мяняюцца. Толькі цяпер увесь трафік малюнкаў аўтаматычна пераходзіць да OptiPic CDN
# OptiPic CDN: insert it into the Server structure
location  ~* \.(png|jpg|jpeg)$ {
    resolver 8.8.8.8; # Google DNS
    set $cdn_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 $cdn_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 $cdn_host_value;
    
    if ($from_optipic = "yes") {
        rewrite ^/(.*) /site-XXXXXX/$1 break;
        proxy_pass http://$cdn_host_value;
    }
    
    # get-param ?no_optipic=1 - get image from your hosting directly (without CDN OptiPic)
    try_files $uri 404;
}
XXXXXX — Ідэнтыфікатар вашага сайта ў вашым акаўнце CDN OptiPic
Мы настойліва рэкамендуем вам праверыць правільнасць новай версіі канфігурацыі перад перазагрузкай nginx. Вы можаце зрабіць гэта з дапамогай каманды nginx -t.
Мяккая перазагрузка (перачытанне канфігурацый) Nginx можа быць па камандзе nginx -s reload

Дакументацыя для проксі nginx
Атрымайце бясплатную дапамогу ў падключэнні
Праверце, ці загружаецца выява праз OptiPic CDN
Атрымаць бясплатную інтэграцыю
нават па бясплатным тарыфе

Варыянт #4: Падключэнне праз .htaccess (проксі-сервер Apache)

URL-адрасы малюнкаў на сайце не мяняюцца. Толькі цяпер увесь трафік малюнкаў аўтаматычна пераходзіць да OptiPic CDN
#---------------------------------------
# OptiPic CDN 
# Requires enabled Apache modules: `rewrite`, `proxy_module` and `proxy_http_module`
# Add new 'IfModule mod_rewrite.c' block or inject into exist one
# Get support: https://optipic.io/get-free-help/?cdn=1
<IfModule mod_rewrite.c>
    RewriteEngine On
    SSLProxyEngine On

    RewriteCond %{QUERY_STRING} !no_optipic=
    RewriteRule "^(.*)\.(jpg|jpeg|png)$" "http://cdn.optipic.io/site-XXXXXX/$1.$2" [P]
</IfModule>
#----------------------------------------
XXXXXX — Ідэнтыфікатар вашага сайта ў вашым акаўнце CDN OptiPic
Перад змяненнем .htaccess мы настойліва рэкамендуем вам зрабіць рэзервовую копію файла і пераканацца, што ў вас ёсць доступ да файла па FTP.
Атрымайце бясплатную дапамогу ў падключэнні
Праверце, ці загружаецца выява праз OptiPic CDN
Атрымаць бясплатную інтэграцыю
нават па бясплатным тарыфе

Варыянт #5: Проста зменіце URL малюнкаў на вашым сайце!

Ён
не аптымізаваны

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

Ён стаў
аўтаматычна аптымізаваны

<img src="//cdn.optipic.io/site-XXXXXX/upload/foo/bar/image.png">
XXXXXX — Ідэнтыфікатар вашага сайта ў вашым акаўнце CDN OptiPic

Пачніце зараз з БЯСПЛАТНЫМ пакетам

Аднаразовы плацёж — няма штомесячнай платы
Набыты пакет не выгарае ў канцы месяца - яго выгадна набываць на некалькі месяцаў наперад

Вы плаціце за прагляды малюнкаў CDN. Агульны кошт выкарыстання залежыць ад колькасці трафіку на ваш сайт. У сярэднім гэта ад 1,5 долара за 1 000 000 праглядаў выявы.
Першая дэманстрацыя 100,000 праглядаў бясплатная.
100,000
праглядаў

бясплатна

1,000,000
праглядаў

$ 10.00 $ 7.00

2,000,000
праглядаў

$ 14.00 $ 10.00

5,000,000
праглядаў

$ 24.00 $ 18.00

10,000,000
праглядаў

$ 40.00 $ 30.00

20,000,000
праглядаў

$ 74.00 $ 55.00

50,000,000
праглядаў

$ 165.00 $ 123.00

80,000,000
праглядаў

$ 235.00 $ 176.00

100,000,000
праглядаў

$ 282.00 $ 211.00

Чаму выбраць нас?

180 рэцэнзіі

Звяжыцеся з намі, каб атрымаць бясплатную кансультацыю

?