Jak przekonwertować do WebP wszystkie obrazy w CS-Cart

CDN OptiPic — proste rozwiązanie problemu „Wyświetlaj obrazy w formatach nowej generacji”
Według zaleceń
Google PageSpeed Insights
Proste połączenie
w 5 minut
Instrukcja wideo
w 2 minuty
Bezpłatna pomoc techniczna
+ pomoc przy instalacji
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.

Instrukcja wideo do konfiguracji modułu CS-Cart

5 prostych kroków, aby połączyć WebP z CS-Cart

Krok #1: Pobierz wtyczkę CS-Cart WebP

Pobierz i zainstaluj oficjalną wtyczkę CDN OptiPic dla CS-Cart w swojej witrynie.

Krok #2: Zarejestruj się w OptiPic CDN

Zarejestruj się na koncie OptiPic CDN i dodaj nową witrynę do panelu sterowania CDN.

5 prostych kroków, aby połączyć WebP z CS-Cart: pic #3

Krok #3: Skopiuj identyfikator witryny

Skopiuj identyfikator utworzonej strony internetowej do schowka (Ctrl + C)

5 prostych kroków, aby połączyć WebP z CS-Cart: pic #4

Krok #4: Wklej identyfikator witryny do wtyczki CS-Cart WebP

Przejdź do strony ustawień poprzednio zainstalowanej wtyczki w Twojej witrynie.

Wklej skopiowany identyfikator witryny do odpowiedniego pola ustawień.

Krok #5: Zapisz swoje ustawienia

Zapisz ustawienia wtyczki. Wyczyść pamięć podręczną w panelu sterowania CS-Cart.

Zmień inne ustawienia wtyczki, jeśli to konieczne

Opis ustawień modułu


Site ID in your personal account CDN OptiPic (Identyfikator witryny na Twoim koncie osobistym CDN OptiPic)
Możesz znaleźć identyfikator swojej witryny na swoim koncie osobistym CDN OptiPic. Dodaj swoją witrynę do swojego konta, jeśli jeszcze tego nie zrobiłeś.
Aby wyłączyć autodopasowanie, po prostu wyczyść identyfikator witryny.
Domain list (if images are loaded via absolute URL) (Lista domen (jeśli obrazy są ładowane przez bezwzględny adres URL))
Każdy w nowej linii i bez podawania protokołu (http/https).
Przykłady:
mojadomena.com
www.mojadomena.com
Site pages that do not include auto-replace (Strony witryny, które nie zawierają funkcji automatycznego zastępowania)
Każdy w nowej linii i musi zaczynać się od ukośnika (/)
Replace only URLs of images starting with a mask (Zamień tylko adresy URL obrazów zaczynające się od maski)
Każdy w nowej linii i musi zaczynać się od ukośnika (/)
Przykłady:
/prześlij/
/upload/test.jpeg
List of 'srcset' attributes (Lista atrybutów 'srcset')
Lista atrybutów tagów, w których należy zastąpić srcset-markup obrazów
Co to jest srcset?
Przykłady:
zestaw_src
data-srcset
CDN domain (Domena CDN)
Domena, przez którą będzie działać CDN OptiPic. Możesz użyć swojej subdomeny (img.twojadomena.com, optipic.twojadomena.com itp.) zamiast standardowego cdn.optipic.io. Aby połączyć subdomenę, skontaktuj się z pomocą techniczną OptiPic.
Co uzyskuje optymalizację obrazów w witrynie
  • Przyspieszenie
    strony
  • Poprawa
    SEO
  • Zwiększanie
    konwersji
  • Zwiększenie
    Pagespeed Insights Google

Dlaczego warto używać WebP dla CS-Cart?

Korzystanie z Webp rozwiązuje problem „Wyświetlaj obrazy w formatach nowej generacji” w Google Pagespeed Insights.

W skrócie, WebP lepiej kompresuje plik, 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%.

Jeśli przeglądarka odwiedzającego nie obsługuje WebP, CDN zwróci stary format (png / jpeg), ale skompresowany (zoptymalizowany pod kątem sieci)

Co to jest kompresja obrazu

Optymalizacja obrazu to specjalne przetwarzanie pliku graficznego w celu zminimalizowania jego rozmiaru bez utraty jakości wizualnej.

Aby przeprowadzić tę procedurę, istnieje wiele dość złożonych algorytmów. Jednak wszystkie są oparte na tej samej podstawie - wszystkie dane serwisowe (na przykład nazwa programu przechowującego plik itp.) muszą zostać usunięte z pliku graficznego, a także za pomocą specjalnych programów scalić / gładkie podobne kolory.

W efekcie otrzymujemy ten sam obraz, który wizualnie się nie zmienił. Jednak objętość (waga) tego pliku w bajtach będzie znacznie mniejsza niż oryginału. Jeśli to przetwarzanie zostanie przeprowadzone prawidłowo, plik obrazu można zmniejszyć do 98% bez utraty jakości obrazu.

Oznacza to, że po optymalizacji zdjęcia na stronach witryny będą ładowane wielokrotnie szybciej.

Co zoptymalizuje obrazy dla Twojej witryny

  • Oszczędzaj miejsce na dysku.
  • Przyspiesz ładowanie strony.
  • Minimalne obciążenie serwera.
  • Zwiększ konwersję.
  • Lepsza pozycja witryny w wynikach wyszukiwania.

Udowodniono, że przyspieszenie strony internetowej może poprawić czynniki behawioralne, a także zwiększyć konwersję witryny (zwiększyć sprzedaż). Im dłużej ładuje się strona witryny, tym mniej klientów będzie mogło wykonać tam określone działania docelowe. Jeśli Twoja witryna w Internecie nie będzie działać wystarczająco szybko, masz wszelkie szanse na utratę potencjalnego dochodu. Przyspieszenie zasobu internetowego zapewni możliwość poprawy konwersji, a dzięki temu znacznie zwiększy przychody i przyciągnie więcej klientów.

Korzyści OptiPic

  • Nie ma płatności miesięcznych.
  • Pełna automatyzacja.
  • Bezpłatna pomoc w połączeniu.
  • Aby połączyć się i korzystać z usługi, nie musisz posiadać specjalnych umiejętności programistycznych lub administracyjnych.
  • W systemie nie ma ograniczeń dotyczących rozmiaru obrazu.
  • Przyjazna pomoc techniczna.

W jaki sposób optymalizacja obrazów pod kątem CS-Cart może przyspieszyć działanie witryny?

Strona dowolnej witryny składa się najczęściej z:

  • obrazy;
  • kod HTML (treść tekstowa, układ, znaczniki);
  • wideo;
  • skrypty javascript z logiką uruchamiane z przeglądarki;
  • pliki css ze stylami stron.

Taki element, jak obraz, zajmuje większość całej objętości stron witryny i jest „najcięższą” częścią stron. Redukcja (optymalizacja) obrazów niewątpliwie znacznie przyspieszy pobieranie dowolnego zasobu online.

 

W związku z tym, jeśli zmienisz (zmniejszysz) rozmiar obrazów, wszystkie strony witryny zaczną się ładować znacznie szybciej.

Skompresowanie obrazów na stronie umożliwi zmniejszenie ich objętości do 75-98%, bez utraty jakości wizualnej.

Zacznij już teraz z DARMOWYM pakietem

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

1,000,000
wyświetlenia

10,00 USD 7,00 USD

2,000,000
wyświetlenia

14,00 USD 10,00 USD

5,000,000
wyświetlenia

24,00 USD 18,00 USD

10,000,000
wyświetlenia

40,00 USD 30,00 USD

20,000,000
wyświetlenia

74,00 USD 55,00 USD

50,000,000
wyświetlenia

165,00 USD 123,00 USD

80,000,000
wyświetlenia

235,00 USD 176,00 USD

100,000,000
wyświetlenia

282,00 USD 211,00 USD

Czemu wybrać nas?

189 recenzje

OptiPic łatwo integruje się z innymi platformami

?