TIP#2324: Optimalizace (zmenšování velikosti) obrázků na WordPressu. Jak na to?

Dobrá zpráva je, že v tomto tipu najdete množství pluginů, které vám mohou pomoci se zmenšováním, konverzí a optimalizací obrázků pro váš web/blog na WordPressu. A to jak při nahrávání (což je extrémně užitečné), tak těch co už jste dříve pořídili a zanedbali hlídání velikost.

Špatná zpráva je, že většina pluginů je zmatená, komplikovaná a často bez placení umí jen zlomek toho, co byste mohli potřebovat. U řešení již vložených obrázků do článků navíc narazíte často na to, že se vám rozpadlo spojení mezi obrázkem a tím kam je vložen, takže sice můžete obrovské PNG převést na rozumné JPG, ale v článku to automaticky nepůjde. 

Smush je nejvíce používaná a nejvíce oblíbená cesta jak optimalizovat obrázky na WordPressu. Řeší zmenšení a kompresi při nahrávaní, ale také projde všechny obrázky co již máte. Umí i další různorodé věcí – podporu WebP, lazy load, zapojení CDN.  Každopádně, pokud máte web kde už je spousta obrázků a chcete je zmenšit (pro úsporu místa na disku, ale i pro rychlejší odbavení), tak stačí nainstalovat Smush a pustit Bulk Smush. V neplacené verzi ale musíte každých 50 obrázků znovu kliknout pro pokračování a obrázky nad 1 MB nechává být. 

PNG to JPG je skvělé pro konverzi PNG na JPG při nahrávání, ale umí i projet web a všechny PNG postupně převést.

Autoptimize umí hodně věcí nad rámec optimalizace obrázků, ty řeší prakticky jenom co se dodávky týče – neřeší je při nahrávání. 

Imagify umí klasicky šetřit místo změnou rozlišení či rozměrů, podporuje WebP (tedy převod vašich fotek do WebP). Zdarma ale pouze 20 MB obrázků (takže tak 200 obrázků) měsíčně, konverze do WebP zdarma. 9.99 USD měsíčně bez omezení.

S ostatními pluginy tohoto typu je to podobné, prakticky nenajdete plugin co by byl zdarma, plné verze vyžadují placení, ať už měsíční nebo (při troše štěstí) jednorázové. 

WP-Optimize vedle komprese obrázků je i cache a umí čistit databázi. Obrázky změnšuje do velikost 5 MB na obrázek. Podobně jako další pluginy co umi bulk kompresi, tak umí i zachovat původní obrázek – to pokud vás netrápí místo na disku, ale rychlost dodávky. Placená verze zde. Pokud už máte jiný plugin pro cache, tak můžete pochopitelně tuto část funkčnosti nepoužívat. Pro kompresi obrázků ale používají reSmush.it a může to být komplikace, je to velmi pomalé. 

ShortPixel Image Optimizer řeší obrázky, zpracování je formou “kreditů” a na měsíc máte 100 zdarma, další se musí kupovat. 

Resize Image After Upload je dobrý v jediné věci (a na jedinou věci) – změna rozměru obrázku při nahrávání. Od tvůrců předchozího komplexnějšího nástroje. Není to ale vynucení velikosti obrázku pro obrázek v záhlaví (featured image). 

Podobné je Imsanity – nastavíte si maximální šířku,. maximální výšku. Zvlášť do článků/stránek a zvlášť přímo do Media Libray (a kamkoliv jinam). Umí i automatickou konverzi PNG na JPG (a BMP na JPG) a redukci kvality u JPG. Umí i zpracovat již nahrané obrázky. 

Jenže, osobně už dlouho hledám plugin co zajistí přesný rozměr pro features image – prostě aby to mělo 1600×900. Nebo alespoň aby to odmítalo špatně velké. PublishPress Checklists to umí v placené verzí (nutno dodat, že v neplacené umí spoustu dalších extrémně užitečných věcí) 

EWWW Image Optimizer má poměrně slušný záběr co se obrázků týče, včetně WebP, CND. WP-CLI a dalších věcí. Má placenou verzi s vyšší mírou komprese. Až budete hledat bulk optimize tak je to knihovně médií v hromadných akcích nebo u jednotlivých obrázků.  Včetně převodů PNG na JPG.  

Robin image optimizer vypadá slibně, teoreticky bez zásadních omezení, byť nějaké se tam najdou (například obrázky do 5 MB). Placené verze umí WebP, rychlejší server pro komprese, lepší konverze. Ve Free verzi to skutečně bude zpracovávat všechno co máte, ale nepočítejte s tím, že by to bylo nějak extrémně rychle – na druhou stranu to alespoň nebude až tolik zatěžovat váš server. Šikovné je, že hromadná optimalizace může běžet automaticky (přes cron). Bohužel chybí automatický převod PNG na JPG tam kde by to vedlo k zmenšení. 

Závěr? 

Pokud nepotřebujete (či nechcete) optimalizovat obrázky co už na webu máte, tak si vystačíte s optimalizací v moment nahrávání. Prakticky všechny pluginy to budou dělat. Na 365tipech jsem po zkoušení skoro všech výše uvedených skončil u  Imsanity – řeší automatické zmenšení a konverzi PNG na JPG v okamžiku nahrávání.

Na Pooh.cz, kde nahrávám stovky výsledku ze Stable Diffusion, jsem přidal PNG to JPG.  Mohl bych na obou mít Imsanity a možná to tak časem bude.

Pro občasný úklid velkých obrázků (nechávám je najít AHREFs) pak EWWW Image Optimizer. Má výhodu, že z Média umí vyvolat optimalizaci konkrétního obrázku, včetně případného PNG->JPG. Plugin ale nechávám deaktivovaný a aktivují jen když “jdu uklízet”.

Další tipy týkající se WordPressu

Jak na WordPress Software Webdesign Wordpress WordPress.org