Smart CDN OptiPic

Name: Moduł dla CMS. Inteligentna konwersja do WebP i optymalizacja obrazów na stronie zgodnie z wymaganiami Google PageSpeed Insights
Brand: OptiPic
SKU: OptiPic CDN
Price: 7 USD
Availability: InStock
Rating: 4.71 (189 reviews)

CDN OptiPic — proste rozwiązanie problemu „Wyświetlaj obrazy w formatach nowej generacji”

Inteligentna konwersja WebP w locie

Co robi OptiPic CDN, gdy próbuje zażądać od niego obrazu:

Zwraca wersję WebP obrazu.
jeżeli przeglądarka obsługuje format WebP
Zwraca skompresowaną wersję bez webp
jeśli przeglądarka nie obsługuje WebP
Sprawia, że reaguje na ekrany telefonów komórkowych
jeśli obraz jest otwierany z telefonu komórkowego
Cache i przyspiesza ładowanie
zmniejszenie obciążenia z hostingu
Chroni
twoje obrazy
zachowanie praw autorskich poprzez tagi EXIF i IPTC
Użyj własnej
nazwy domeny
aby załadować obrazy z img.domain.com itp.
Leniwe ładowanie
obrazów
Obrazy ładują się podczas przewijania stron

Konwersja do Webp i kompresja obrazu odbywa się w tle i nie spowalnia otwierania obrazów w przeglądarce.
Jeśli zoptymalizowana wersja nie jest jeszcze gotowa w momencie żądania obrazu, oryginalna wersja jest zwracana bez żadnego przetwarzania.

Dowiedz się więcej o łączeniu

Co uzyskuje optymalizację obrazów w witrynie

Przyspieszenie
strony
Poprawa
SEO
Zwiększanie
konwersji
Zwiększenie
Pagespeed Insights Google

Jak działa CDN OptiPic?

Konwertuje na WebP — format obrazu nowej generacji
Rozwiązuje problem „Wyświetlaj obrazy w formatach nowej generacji” w Google Pagespeed Insights

Jeśli odwiedzający Twoją witrynę korzysta z przeglądarki obsługującej format WebP, CDN przekazuje mu dokładnie wersje WebP obrazów (wersje WebP są generowane automatycznie na stronie CDN).

Dlaczego warto korzystać z WebP?

Korzystanie z Webp rozwiązuje problem „Użyj nowoczesnych formatów obrazów” w Google Pagespeed Insights.

Krótko mówiąc, WebP kompresuje plik lepiej, wszystkie inne rzeczy są takie same, niż starsze formaty (png i jpeg) - co oznacza, że zajmuje mniej miejsca na hostingu i szybciej ładuje się w przeglądarce podczas przeglądania strony.

Wdrożenie WebP jest aktywnie promowane przez Google - dostarczają takie statystyki:

WebP kompresuje obrazy bezstratnie o 26% lepiej niż PNG.
WebP kompresuje stratne obrazy lepiej niż JPEG o 25-34% przy tym samym wskaźniku podobieństwa strukturalnego (SSIM)
WebP obsługuje bezstratną przezroczystość (znaną jako alfa) przy wzroście rozmiaru tylko o 22%.

Kompresuje obrazy

Jeśli przeglądarka odwiedzającego nie obsługuje Webp, odwiedzający otrzymuje obrazy w oryginalnym formacie (png / jpeg), ale wstępnie skompresowane / zoptymalizowane.

Adaptacje do telefonów komórkowych

Jeśli odwiedzający otworzy witrynę z telefonu komórkowego, obrazy są nie tylko automatycznie kompresowane lub konwertowane do Webp, ale także automatycznie zmniejszane w szerokości (aby jeszcze bardziej przyspieszyć pobieranie obrazów w mobilnym Internecie)

Cache i przyspiesza ładowanie

Obrazy nie będą konwertowane, optymalizowane i kompresowane w locie za każdym razem przy każdym żądaniu. Wszystkie te procedury zostaną wykonane przez CDN raz dla żądanego obrazu. W tle, aby nie spowalniać dostarczania obrazów odwiedzającemu Twoją witrynę.

Jak podłączyć CDN OptiPic?

Opcja #1: Użyj wtyczki do swojego CMS

Proszę czekać. Strona jest analizowana.

Wkrótce zostaniesz przekierowany na stronę z wynikami weryfikacji.

lub

po prostu wpisz adres URL swojej witryny

automatycznie wykryjemy CMS i zaoferujemy odpowiedni moduł integracyjny

Opcja #2: Uniwersalne połączenie przez PHP (biblioteka GitHub)

Adresy URL obrazów w witrynie zmieniają się automatycznie. Wystarczy dodać 1 linię do pliku .htaccess lub php.ini.

Przykład połączenia za pośrednictwem `.htaccess`

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

Przykład połączenia za pośrednictwem `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

Dokumentacja i przykłady naszej biblioteki php na GitHub
Uzyskaj bezpłatną pomoc w łączeniu
Sprawdź, czy obraz jest ładowany przez OptiPic CDN
CDN: Konwerter adresów URL dla obrazów w dokumencie

bezpłatna integracja na życzenie

Opcja #3: Uniwersalne połączenie przez proxy Nginx

Adresy URL obrazów na stronie nie ulegają zmianie. Właśnie teraz cały ruch związany z obrazami jest automatycznie kierowany do 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 — Identyfikator Twojej witryny na koncie CDN OptiPic
Zdecydowanie zalecamy sprawdzenie poprawności nowej wersji konfiguracji przed ponownym uruchomieniem nginx. Możesz to zrobić za pomocą polecenia nginx -t.
Miękkie przeładowanie (ponowne odczytanie konfiguracji) Nginx może być za pomocą polecenia nginx -s reload
Dokumentacja proxy Nginx
Uzyskaj bezpłatną pomoc w łączeniu
Sprawdź, czy obraz jest ładowany przez OptiPic CDN

Uzyskaj bezpłatną integrację

nawet na bezpłatnej taryfie

Opcja #4: Połączenie przez `.htaccess` (proxy Apache)

Adresy URL obrazów na stronie nie ulegają zmianie. Właśnie teraz cały ruch związany z obrazami jest automatycznie kierowany do 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 — Identyfikator Twojej witryny na koncie CDN OptiPic
Przed modyfikacją .htaccess zdecydowanie zalecamy wykonanie kopii zapasowej pliku i upewnienie się, że masz dostęp do pliku przez FTP.
Uzyskaj bezpłatną pomoc w łączeniu
Sprawdź, czy obraz jest ładowany przez OptiPic CDN

Uzyskaj bezpłatną integrację

nawet na bezpłatnej taryfie

Opcja #5: Po prostu zmień adres URL obrazów w swojej witrynie!

Nie był
zoptymalizowany

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

Stało się
automatycznie zoptymalizowane

<img src="//cdn.optipic.io/site-XXXXXX/upload/foo/bar/image.png">

XXXXXX — Identyfikator Twojej witryny na koncie CDN OptiPic

Zacznij już teraz z DARMOWYM pakietem

Gwarancja jakości (Polityka zwrotów)

Jeśli nie jesteś zadowolony z zakupu, możesz skontaktować się z nami w ciągu 30 dni od daty zakupu. Jeśli istnieją ku temu podstawy, zwrócimy pełny lub częściowy koszt zakupu.

Płatność jednorazowa — brak opłat miesięcznych

Zakupiony pakiet nie wypala się pod koniec miesiąca – korzystnie jest go kupić z kilkumiesięcznym wyprzedzeniem

Płacisz za wyświetlenia z obrazów CDN. Całkowity koszt użytkowania zależy od natężenia ruchu w Twojej witrynie. Średnio wynosi to od 1,5 USD za 1 000 000 wyświetleń obrazu.
Pierwsza demonstracja wyświetleń 10,000 jest bezpłatna.

10,000
wyświetlenia

bezpłatny

Wypróbuj to Jak wybrać pakiet?

1,000,000
wyświetlenia

10,00 USD 7,00 USD

Kup Jak wybrać pakiet?

2,000,000
wyświetlenia

14,00 USD 10,00 USD

Kup Jak wybrać pakiet?

5,000,000
wyświetlenia

24,00 USD 18,00 USD

Kup Jak wybrać pakiet?

10,000,000
wyświetlenia

40,00 USD 30,00 USD

Kup Jak wybrać pakiet?

20,000,000
wyświetlenia

74,00 USD 55,00 USD

Kup Jak wybrać pakiet?

50,000,000
wyświetlenia

165,00 USD 123,00 USD

Kup Jak wybrać pakiet?

80,000,000
wyświetlenia

235,00 USD 176,00 USD

Kup Jak wybrać pakiet?

100,000,000
wyświetlenia

282,00 USD 211,00 USD

Kup Jak wybrać pakiet?

Zobacz wszystkie pakiety

OptiPic obsługuje wszystkie popularne CMS i frameworki

Czemu wybrać nas?

189 recenzje

I really like this product! It has all the necessary functions for the appropriate image compression keeping the same image quality and there is no server load. For a user it looks like this – install it and you can forget about it. Google and users enjoy the site’s speed. I do recommend it.

Excellent product. It compresses images well and doesn’t worsen their quality. I recommend it.

I hesitated before buying this product. Should I try it or not? I shouldn’t have waited. It’s certainly worth it. I used to have 2 GGb of images, now I have only 400 MB of them. It has provided me with almost 90% compression. It has resized all the images which I didn’t feel like doing myself. The settings can be customized. They have great customer support. They respond immediately with all the necessary help. They are said to be planning to upgrade the product with some improved features. To keep it short – I recommend it. Developers, thank you very much!

Saves a lot of time. Significantly accelerates the the site loading. Those who target for optimization will appreciate it. I recommend it

I was pleasantly surprised by this solution. Easy to set up and manage. I've been looking for something like that for a long time. Developers thank you so much !!!

Przeczytaj wszystkie recenzje

Smart CDN OptiPic

Jak działa CDN OptiPic?

Konwertuje na WebP — format obrazu nowej generacji Rozwiązuje problem „Wyświetlaj obrazy w formatach nowej generacji” w Google Pagespeed Insights

Kompresuje obrazy

Adaptacje do telefonów komórkowych

Cache i przyspiesza ładowanie

Jak podłączyć CDN OptiPic?

Opcja #1: Użyj wtyczki do swojego CMS

po prostu wpisz adres URL swojej witryny

Opcja #2: Uniwersalne połączenie przez PHP (biblioteka GitHub)

Przykład połączenia za pośrednictwem .htaccess

Przykład połączenia za pośrednictwem php.ini

Opcja #3: Uniwersalne połączenie przez proxy Nginx

Opcja #4: Połączenie przez .htaccess (proxy Apache)

Opcja #5: Po prostu zmień adres URL obrazów w swojej witrynie!

Nie był zoptymalizowany

Stało się automatycznie zoptymalizowane

Zacznij już teraz z DARMOWYM pakietem

Płatność jednorazowa — brak opłat miesięcznych

OptiPic obsługuje wszystkie popularne CMS i frameworki

Czemu wybrać nas?

Skontaktuj się z nami, aby uzyskać bezpłatną konsultację

Konwertuje na WebP — format obrazu nowej generacji
Rozwiązuje problem „Wyświetlaj obrazy w formatach nowej generacji” w Google Pagespeed Insights

Przykład połączenia za pośrednictwem `.htaccess`

Przykład połączenia za pośrednictwem `php.ini`

Opcja #4: Połączenie przez `.htaccess` (proxy Apache)

Nie był
zoptymalizowany

Stało się
automatycznie zoptymalizowane