Optimalizujte obrázky pre WordPress 5 populárnych doplnkov na kompresiu obrázkov; RAIDBOXY
Obsah
Optimalizácia grafiky a obrázkov pre váš web WordPress je ľahký a dôležitý krok k zlepšeniu vášho času načítania. O to viac je ohromujúce, koľko používateľov WordPressu stále nahráva svoje pôvodné obrázky bez optimalizačných opatrení. Aby ste neurobili rovnakú chybu, dnes vám ukážem päť populárnych doplnkov WordPress, ktoré vás úplne zbavia kompresie vašich obrázkov.
Ako prevádzkovateľ webových stránok by ste mali vždy sledovať čas načítania vášho webu WordPress. Koniec koncov, rýchlejšia doba načítania má pozitívny vplyv na užívateľskú skúsenosť vašich potenciálnych zákazníkov, hodnotenie vášho vyhľadávacieho nástroja a v ideálnom prípade aj vaše konverzie.
Prečo je optimalizácia obrázkov na WordPress taká dôležitá
Populárnymi krokmi na zlepšenie času načítania vášho webu WordPress sú použitie doplnkov na ukladanie do vyrovnávacej pamäte (alebo ukladanie do pamäte cache na strane servera), kompresia údajov pomocou súborov gzip alebo Brotli, odstránenie nadbytočných doplnkov, prechod na HTTPS a rýchlejší hostiteľ. . Najmä v obchodoch WooCommerce, ktoré potrebujú veľa obrázkov produktov, sa často najskôr skrutkujú ďalšie skrutky, aby sa skrátila doba načítania.
Dôležitým opatrením, ktoré prevádzkovatelia webových stránok zvyknú zanedbávať, je optimalizácia obrázkov. Čo mnohí nevedia: Hneď ako nahráte obrázok do svojej knižnice médií, WordPress automaticky vytvorí ďalšie tri formáty: veľký (odporúčaný obrázok), stredný a malý formát (náhľadový obrázok).
Takže ak si myslíte, že ste práve a Po nahraní obrázka existujú v skutočnosti štyri nové súbory vrátane meta informácií, ktoré musí server spracovať. Existujú dokonca aj témy, ktoré automaticky generujú 10 alebo viac veľkostí obrázkov.
Ak extrapolujete tieto rôzne formáty na počet všetkých obrázkov, ktoré používate, je zrejmé, že optimalizácia obrázkov pre WordPress sa oplatí!
Uloženie menších obrázkov je iba prvý krok
Prvým optimalizačným opatrením je zmenšenie pôvodných obrázkov pomocou Photoshopu alebo porovnateľného programu pred ich nahraním. Aby ste však z načítania vyťažili maximum, mali by ste skomprimovať všetky obrázky na vašom webe - vrátane obrazových súborov automaticky generovaných WordPressom.
Rozdiel medzi „stratovými“ a „bezstratovými“
Pri kompresii obrázkov existuje rozdiel medzi stratovou a bezstratovou kompresiou, čo je v zásade vysvetlené už názvami:
Pri a bezstratový Kompresia, rozdiel v kvalite medzi obrázkom pred a po kompresii je prakticky neviditeľný. Často sú to hlavne nadbytočné meta informácie zo obrazového súboru, ktoré sa odstránia, aby sa ušetrili nepotrebné kilobajty. Pri a stratový Kompresia môže znížiť kvalitu obrazu znížením farieb a rozlíšenia. Na druhej strane stratová kompresia môže ušetriť podstatne väčšiu veľkosť súboru.
So správnym doplnkom sa kompresia obrázkov stane hračkou
Zmenšením pôvodných obrázkov pred ich nahraním na web WordPress ste dobrým krokom pred mnohými prevádzkovateľmi stránok. S cieľom spätne optimalizovať existujúcu knižnicu médií a automatizovať kompresiu nových obrázkov sú však najzrejmejším riešením doplnky. Preto by som vám dnes chcel ukázať päť populárnych doplnkov WordPress, ktoré vám pomôžu optimalizovať vaše obrázky.
# 1: Optimalizujte obrázky WordPress pomocou WP Smush
Aktívne inštalácie: viac ako 1 milión
Hodnotenie: 4,8 hviezdičiek (5 282 recenzií)
Podporované formáty: JPG, PNG, GIF (Pro: prevod na WebP)
Zadarmo: Veľkosť obrázka max. 5 MB, hromadná kompresia max. 50 obrázkov
Kompresia: bezstratový (zadarmo) a stratový (Pro)
Ako ukazuje viac ako milión inštalácií a viac ako 4 500 recenzií, WP Smush od WPMU DEV je jedným z najpopulárnejších doplnkov na optimalizáciu obrazu. WP Smush je k dispozícii v bezplatnej a platenej profi verzii. Teraz je dokonca možnosť použiť WP Smush Pro ako samostatný nástroj (bez členstva v WPMU DEV) za 60 dolárov ročne.
Čo ponúka bezplatná verzia WP Smush?
Rovnako ako u väčšiny doplnkov, aj bezplatná verzia WP Smush má určité obmedzenia. V bezplatnej verzii môžete komprimovať obrázky iba do veľkosti 5 MB, na rozdiel od 32 MB vo WP Smush Pro. Podľa WPMU DEV navyše optimalizácia obrazu beží vo verzii Pro až o 200 percent rýchlejšie.
Toto hovoria samotní kolegovia z WPMU DEV o bezplatnej optimalizácii obrazu pomocou WP Smush:
Je ideálny pre ľudí s minimálnymi nárokmi na rozmazanie, ale keďže je obmedzený na 5 MB, nie je to tak skvelé pre tých, ktorí majú nejaké vážne rozmazanie, napríklad fotografi.
V bezplatnej verzii navyše môžete komprimovať iba bez straty. Najvyššia úroveň kompresie „Super Smush“, ktorá využíva stratový algoritmus, je k dispozícii iba vo verzii Pro. Hromadné kompresie sú v bezplatnej verzii momentálne obmedzené na 50 obrázkov.
Č. 2: Optimalizujte obrázky pomocou nástroja EWWW Image Optimizer
Aktívne inštalácie: cez 800 000
Hodnotenie: 4,7 hviezdičiek (893 recenzií)
Podporované formáty: JPG, PNG, GIF, PDF
Zadarmo: iba na vlastnom serveri (bez API)
Kompresia: bezstratové (zadarmo) a stratové (Pro) možné
Čo ponúka bezplatná verzia nástroja EWWW Image Optimizer?
Na rozdiel od ostatných doplnkov v tomto zozname prebieha kompresia obrázkov v bezplatnej verzii nástroja EWWW Image Optimizer na vašom serveri. Aby však doplnok fungoval, potrebujete funkciu exec (), ktorú mnohí hostitelia z bezpečnostných dôvodov neumožňujú. Mimochodom, to platí aj pre RAIDBOXY.
Vývojári EWWW IO v tomto článku vysvetľujú, o čom je funkcia exec (). Ak stále chcete používať EWWW IO, môžete použiť API služby. Tento variant je však spoplatnený.
Č. 3: Kompresia obrázkov pomocou komprimovaných obrázkov JPEG a PNG
Aktívne inštalácie: cez 200 000
Hodnotenie: 4,4 hviezdičiek (134 recenzií)
Podporované formáty: JPG, PNG
Zadarmo: približne 100 obrázkov za mesiac
Kompresia: bezstratový
Čo ponúka bezplatná verzia komprimovaných obrázkov JPEG a PNG?
Compress JPEG & PNG Images je oficiálny doplnok pre populárne online kompresné nástroje TinyPNG a TinyJPG. V bezplatnej verzii doplnku môžete komprimovať približne 100 obrázkov mesačne.
S podobnými obrázkovými kontingentmi však musíte mať na pamäti, že nielen pôvodný obrázok, ale aj formáty automaticky generované WordPressom budú optimalizované a odpočítané z vašich kreditov na obrázkoch.
Podľa vývojárov spoločností TinyPNG a TinyJPG môže služba komprimovať obrázky JPEG v priemere o 40 - 60 percent a obrázky PNG o 50 - 80 percent bez viditeľnej straty kvality.
Č. 4: Optimalizujte obrázky WordPress pomocou aplikácie Imagify
Aktívne inštalácie: cez 400 000
Hodnotenie: 4.5 (870 recenzií)
Podporované formáty: JPG, PNG
Zadarmo: Veľkosť obrázka max. 2 MB, uploady max. 25 MB mesačne a 25 MB raz pri registrácii
Kompresia: stratové a bezstratové možné
Čo ponúka bezplatná verzia aplikácie Imagify?
Imagify je doplnok od WP Media, startupu, ktorý stojí za slávnym doplnkom WP Rocket. V bezplatnej verzii môžete komprimovať až 25 MB obrázkov mesačne, čo podľa tvorcov Imagify zodpovedá asi 250 obrázkom. Keď sa zaregistrujete, získate tiež jednorazový kredit vo výške 25 MB na váš vkladový kontingent.
Imagify ponúka tri rôzne úrovne kompresie:
Normálne: Toto je bezstratová kompresia. Viditeľná kvalita obrazu sa nezmení.
Agresívny: Táto úroveň je stratová, ale s miernou stratou kvality obrazu. Podľa Imagify je táto strata vo väčšine prípadov sotva badateľná.
Ultra: Toto je najsilnejšia úroveň kompresie doplnku, ktorá následne vedie k strate kvality, ale šetrí najviac miesta.
Č. 5: Optimalizujte obrázky WordPress pomocou protokolu ShortPixel
Aktívne inštalácie: cez 200 000
Hodnotenie: 4,6 hviezdičiek (562 recenzií)
Podporované formáty: JPG, PNG, GIF, PDF
Zadarmo: 100 obrázkov za mesiac
Kompresia: stratové a bezstratové možné
Čo ponúka bezplatná verzia ShortPixel?
V bezplatnej verzii ShortPixel môžete komprimovať maximálne 100 obrázkov za mesiac. Obrázky alebo súbory, ktoré doplnok nedokáže skomprimovať o viac ako 5 percent, sa spravodlivo neodpočítavajú od kreditov za obrázky. Ďalšou výhodou je schopnosť optimalizovať nielen obrázky, ale aj súbory PDF.
Ďalším plusom je, že stratová optimalizácia je možná aj v bezplatnej verzii a veľkosť uploadovaných obrázkov nie je nijako obmedzená.
Záver: Automatizovaná optimalizácia obrazu pomocou doplnkov šetrí čas
A to dokonca dvakrát: na jednej strane vy a vaši zákazníci už nemusíte optimalizovať manuálne a na druhej strane šetríte čas načítania automatizovanou kompresiou obrazu.
V časoch, keď sa výkonnosť vášho webu počíta s každou milisekundou, je optimalizácia obrázka opatrením, ktoré by ste mali využiť naplno.
Na ktorý doplnok na optimalizáciu obrázkov je to najlepšie riešenie, je ťažké všeobecne odpovedať. Nakoniec všetko závisí od toho, koľko vašich obrázkov je potrebné následne optimalizovať a koľko je nových.
Ak na svoj web WordPress nahráte iba niekoľko obrázkov mesačne a tiež používate súbory PDF, ShortPixel je dobrou voľbou. Ak sa nechcete spoliehať na servery tretích strán pri optimalizácii vašich obrázkov a váš hostiteľ to umožňuje, EWWW.IO je dobrá voľba. Pre spoločnosti, ktoré pravidelne vytvárajú obsah a nahrávajú veľa obrázkov, môže byť WP Smush PRO užitočné spolu s ďalšími funkciami WPMU DEV. To je napríklad prípad nás.
Heslo maximálnej optimalizácie znie: „Two is better“
Ak chcete optimalizácii obrázkov venovať čo najmenej času, platené doplnky sú pravdepodobne lepšou voľbou. Nemusíte sa tak neustále starať o vyčerpané megabajty alebo kontingenty obrázkov a optimalizácia beží automaticky na pozadí.
Ak môžete stráviť trochu viac času a chcete z kompresie vyťažiť maximum, mali by ste dokonca „dvakrát optimalizovať“. Toto je prístup, ktorý v spoločnosti RAIDBOXES dodržiavame najlepšie, ako vieme. Ešte predtým, ako nahráme obrázok do knižnice médií, upravíme ho na požadovanú veľkosť a exportujeme v najnižšom možnom rozlíšení.
Napríklad vo Photoshope existuje možnosť ukladania obrázkov špeciálne na použitie na webe. Príkaz nájdete pod položkami „Súbor“ a „Uložiť na web“. Používame tiež WP Smush Pro, ktorý automaticky komprimuje každý obrázok nahraný na WordPress a odstraňuje nepotrebné meta informácie.
Dúfam, že v zozname je ten správny doplnok pre vaše potreby. Pokiaľ máte ďalšie odporúčanie pluginu pre optimalizáciu obrázkov vo WordPresse, teším sa na váš komentár.