Jak převést na WebP všechny obrázky na MODx

CDN OptiPic — jednoduché řešení problému "Poskytovat obrázky ve formátech nové generace"
Inteligentní převod WebP za běhu
Co dělá OptiPic CDN, když se z něj pokouší vyžádat obrázek:
  • Returns the WebP version of the image.
    pokud prohlížeč podporuje formát WebP
  • Vrátí komprimovanou verzi bez webp
    pokud prohlížeč nepodporuje WebP
  • Reaguje na obrazovky mobilních zařízení
    pokud je obrázek otevřen z mobilu
  • Ukládá do mezipaměti a zrychluje načítání
    snížení zátěže z vašeho hostingu
  • Chrání
    vaše snímky
    zachování autorských práv EXIF a IPTC tagů
  • Použijte svůj vlastní
    název domény
    k načtení obrázků z img.domain.com atd
  • Líné zatížení
    obrázky
    Obrázky se načítají při procházení stránkami
Převod na Webp a komprese obrázků probíhá na pozadí a nezpomaluje otevírání obrázků v prohlížeči.
Pokud optimalizovaná verze v době požadavku na obrázek ještě není připravena, vrátí se původní verze bez jakéhokoli zpracování.

Video instrukce pro konfiguraci modulu MODx

5 jednoduchých kroků k připojení WebP k MODx

Krok #1: Stáhnout plugin MODx WebP

Stáhněte si a nainstalujte na svůj web oficiální CDN OptiPic plugin pro MODx.

Krok #2: Přihlaste se k odběru OptiPic CDN

Zaregistrujte se do svého účtu OptiPic CDN a přidejte nový web do ovládacího panelu CDN.

5 jednoduchých kroků k připojení WebP k MODx: pic #3

Krok #3: Zkopírujte ID webu

Zkopírujte ID vytvořeného webu do schránky (Ctrl + C)

5 jednoduchých kroků k připojení WebP k MODx: pic #4

Krok #4: Vložte ID webu do pluginu MODx WebP

Přejděte na stránku nastavení dříve nainstalovaného pluginu na vašem webu.

Vložte zkopírované ID webu do odpovídajícího pole nastavení.

Krok #5: Uložte nastavení

Uložte nastavení pluginu. Vymažte mezipaměť v ovládacím panelu MODx.

V případě potřeby změňte další nastavení pluginu

Popis nastavení modulu


Site ID in your personal account CDN OptiPic (ID webu ve vašem osobním účtu CDN OptiPic)
ID svého webu můžete zjistit ve svém osobním účtu CDN OptiPic. Přidejte svůj web do svého účtu, pokud jste tak ještě neučinili.
Chcete-li vypnout automatickou věrnost, stačí vymazat ID webu.
Domain list (if images are loaded via absolute URL) (Seznam domén (pokud se obrázky načítají přes absolutní adresu URL))
Každý na novém řádku a bez uvedení protokolu (http/https).
Příklady:
mojedomena.com
www.mojedomena.com
Site pages that do not include auto-replace (Stránky webu, které neobsahují automatické nahrazování)
Každý na novém řádku a musí začínat lomítkem (/)
Replace only URLs of images starting with a mask (Nahrazujte pouze adresy URL obrázků začínajících maskou)
Každý na novém řádku a musí začínat lomítkem (/)
Příklady:
/nahrát/
/upload/test.jpeg
List of 'srcset' attributes (Seznam atributů 'srcset')
Seznam atributů značek, ve kterých je třeba nahradit srcset-markup obrázků
Co je srcset?
Příklady:
srcset
data-srcset
CDN domain (doména CDN)
Doména, přes kterou bude CDN OptiPic fungovat. Místo standardního cdn.optipic.io můžete použít svou subdoménu (img.yourdomain.com, optipic.yourdomain.com atd.). Chcete-li připojit svou subdoménu, kontaktujte technickou podporu OptiPic.
Co získá optimalizaci obrázků na webu
  • Zrychlení
    stránky
  • Zlepšení
    SEO
  • Zvyšování
    konverze
  • Rozšíření Google
    Pagespeed Insights

Proč se vyplatí používat WebP pro MODx?

Použití Webp řeší problém „Poskytovat obrázky ve formátech nové generace“ v Google Pagespeed Insights.

Stručně řečeno, WebP komprimuje soubor lépe, všechny ostatní věci jsou stejné, než starší formáty (png a jpeg) – což znamená, že zabírá méně místa na hostingu a načítá se rychleji v prohlížeči při prohlížení stránky.

p>

Implementace WebP je aktivně propagována společností Google – poskytuje tyto statistiky:

  • WebP komprimuje obrázky bezeztrátově o 26 % lépe než PNG.
  • WebP komprimuje ztrátové obrázky lépe než JPEG o 25–34 % se stejným indexem strukturní podobnosti (SSIM)
  • WebP podporuje bezztrátovou transparentnost (známou jako alfa) s nárůstem velikosti pouze o 22 %.

Pokud prohlížeč návštěvníka nepodporuje WebP, CDN vrátí starý formát (png / jpeg), ale komprimovaný (optimalizovaný pro web)

Co je komprese obrazu

Optimalizace obrazu je speciální zpracování grafického souboru za účelem minimalizace jeho velikosti bez ztráty vizuální kvality.

Pro provedení tohoto postupu existuje velké množství poměrně složitých algoritmů. Všechny jsou však založeny na stejném základě - všechna servisní data tam (například název programu, který ukládá soubor atd.) musí být z grafického souboru odstraněna a také pomocí speciálních programů sloučit / hladké podobné barvy.

V důsledku toho získáme stejný obrázek, který se vizuálně nezměnil. Objem (váha) tohoto souboru v bajtech však bude mnohem menší než původní. Pokud je toto zpracování provedeno správně, obrazový soubor lze zmenšit na 98 % bez ztráty kvality obrazu.

To znamená, že obrázky na stránkách webu se po optimalizaci načítají mnohonásobně rychleji.

Co bude optimalizovat obrázky pro váš web

  • Ušetřete místo na disku.
  • Urychlete načítání stránky.
  • Minimální zatížení serveru.
  • Zvyšte konverzi.
  • Lepší hodnocení stránek ve výsledcích vyhledávání.

Bylo prokázáno, že zrychlení webových stránek může zlepšit faktory chování a také zvýšit konverzi webových stránek (zvýšit prodej). Čím déle se stránka webu načítá, tím méně zákazníků tam bude moci provádět určité cílové akce. Pokud vaše stránky na internetu nebudou fungovat dostatečně rychle, máte šanci propásnout svůj potenciální příjem. Zrychlení online zdroje poskytne příležitost zlepšit konverzi a díky tomu výrazně zvýšit příjmy a přilákat více zákazníků.

Výhody OptiPic

  • Neexistují žádné měsíční platby.
  • Plná automatizace.
  • Bezplatná pomoc s připojením.
  • Abyste se mohli připojit a používat službu, nemusíte mít speciální znalosti programování nebo administrace.
  • V systému nejsou žádná omezení velikosti obrázku.
  • Přátelská technická podpora.

Jak může optimalizace obrázků pro MODx urychlit web?

Stránka jakéhokoli webu se nejčastěji skládá z:

  • obrázky;
  • html kód (obsah textu, rozvržení, označení);
  • video;
  • javascriptové skripty s logikou spouštěnou z prohlížeče;
  • soubory css se styly stránek.

Položka, jako je obrázek, zabírá většinu celého objemu na stránkách webu a je tou „nejtěžší“ částí stránek. Redukce (optimalizace) obrázků nepochybně výrazně zrychlí stahování jakéhokoli online zdroje.

 

Pokud tedy změníte (snížíte) velikost obrázků, všechny stránky webu se začnou načítat mnohem rychleji.

Komprese obrázků na webu umožní snížit jejich objem na 75–98 %, aniž by došlo ke ztrátě jejich vizuální kvality.

Začněte hned teď s balíčkem ZDARMA

Jednorázová platba — žádné měsíční poplatky

Zakoupený balíček na konci měsíce nevyhoří - je výhodné jej zakoupit několik měsíců dopředu
Platíte za zobrazení z obrázků CDN. Celkové náklady na používání závisí na objemu návštěvnosti vašich stránek. V průměru je to od 1,5 USD za 1 000 000 zobrazení obrázku.
První ukázka 100,000 zobrazení je zdarma.
100,000
pohledy

bezplatná

1,000,000
pohledy

$ 10.00 $ 7.00

2,000,000
pohledy

$ 14.00 $ 10.00

5,000,000
pohledy

$ 24.00 $ 18.00

10,000,000
pohledy

$ 40.00 $ 30.00

20,000,000
pohledy

$ 74.00 $ 55.00

50,000,000
pohledy

$ 165.00 $ 123.00

80,000,000
pohledy

$ 235.00 $ 176.00

100,000,000
pohledy

$ 282.00 $ 211.00

Proč vybrat si nás?

184 recenze

OptiPic se snadno integruje s jinými platformami

?