Čo je WebP?

Je to ako baliť tovar do menšej a ľahšej krabice, ktorá vydrží to isté. Prepravca prevezie viac zásielok za ten istý čas a zákazník dostane balík skôr. Nič sa nestratilo, len sa lepšie zabalilo. Pri fotografiách z fotoaparátu je rozdiel obrovský, lebo tie sú určené na tlač a na web nesú desaťnásobne viac dát, než je potrebné.

Fotografie sú na väčšine firemných webov najväčšia príčina pomalého načítania. Firma nahrá fotky priamo z telefónu, každá má niekoľko megabajtov a stránka s galériou má zrazu dvadsať megabajtov. Na mobilnom pripojení sa načítava desiatky sekúnd a väčšina ľudí to nevydrží. Zmenšenie na rozumné rozlíšenie a prevod do moderného formátu zvyčajne zníži veľkosť rádovo a rozdiel je viditeľný okamžite. Ide o jednorazovú prácu, ktorú viete spraviť aj sami cez bezplatné nástroje, prípadne ju rieši systém automaticky pri nahraní.

Typický nález pri kontrole firemného webu: úvodná stránka má osemnásť megabajtov, z toho sedemnásť tvoria fotografie nahrané priamo z telefónu. Na wifi v kancelárii to nikto nezbadá, na mobilnom dátovom pripojení mimo mesta sa stránka načítava desiatky sekúnd. Zmenšenie na rozumné rozmery a prevod do moderného formátu zníži veľkosť rádovo, pričom rozdiel v kvalite na displeji nikto nerozozná. Je to jednorazová práca a najlacnejšie zrýchlenie, aké existuje. Pri weboch, ktoré staviam, sa konverzia robí automaticky pri nasadení, takže klient môže nahrať fotografiu z telefónu a nemusí riešiť formáty ani rozmery.

Fotografie riešte vždy pred nahraním na web, nie potom. Je to zvyk, ktorý ušetrí veľa problémov. Ak už máte web plný veľkých obrázkov, je to jednorazová práca, ktorá sa oplatí spraviť naraz pre celú galériu. Prioritu majú úvodné fotografie na hlavných stránkach, lebo tie sa merajú a rozhodujú o dojme z rýchlosti. Pri redakčnom systéme sa dá konverzia a zmenšovanie automatizovať doplnkom, pri weboch na mieru to robím pri nasadení. Kontrolu spravíte vo vývojárskych nástrojoch, kde vidíte veľkosť jednotlivých súborov. Nad tristo kilobajtov pri jednej fotografii je priestor na zlepšenie.