Veľké obrázky spomaľujú web, plnia schránku e-mailu a zaberajú zbytočne veľa miesta. Pritom stačí pár sekúnd na to, aby ste z mnohomegabajtovej fotky urobili úhľadný súbor bez viditeľnej straty kvality. V tomto návode si ukážeme, prečo a ako zmenšovať obrázky, ako vybrať správny formát a ako celý proces zvládnuť bezpečne priamo v prehliadači cez náš nástroj na kompresiu obrázkov. Ak vás zaujíma širší kontext rýchlosti webu, prečítajte si aj ako maximalizovať SEO.

Prečo vôbec zmenšovať obrázky

Najčastejším dôvodom je rýchlosť webu. Fotky bývajú na stránke ďaleko najťažšou položkou a každý megabajt navyše predlžuje načítanie, zvlášť na mobilných dátach. Pomalá stránka zhoršuje dojem návštevníka aj pozíciu vo vyhľadávaní, pretože rýchlosť načítania je jedným z hodnotiacich faktorov.

Druhým dôvodom sú limity e-mailu. Väčšina poštových schránok odmietne prílohu nad zhruba 20 až 25 megabajtov a aj menšie fotky zbytočne zaťažujú príjemcu. Tretím dôvodom je miesto na disku, v cloude alebo v zálohách. Keď fotky z telefónu komprimujete pred archiváciou, ušetríte priestor bez toho, aby ste prišli o spomienky.

Rozdiel formátov a kedy ktorý použiť

Výber formátu rozhoduje o veľkosti aj kvalite viac než samotná kompresia. Stručný prehľad:

  • JPG je klasika pre fotografie. Používa stratovú kompresiu, takže veľmi efektívne zmenší fotky s množstvom farieb a prechodov. Nehodí sa pre ostrý text a logá, kde vznikajú artefakty.
  • PNG je bezstratový. Drží presne každý pixel, podporuje priehľadnosť a je ideálny pre grafiku, ikony, snímky obrazovky a logá. Pre fotografie býva zbytočne veľký.
  • WebP je moderný formát, ktorý pri rovnakej kvalite vytvorí menší súbor ako JPG aj PNG. Zvláda stratovú aj bezstratovú kompresiu aj priehľadnosť. Dnes ho podporujú všetky bežné prehliadače.
  • AVIF ide ešte ďalej a často je zo všetkých najúspornejší, hoci kompresia trvá o niečo dlhšie. Vhodí sa pre fotografie na web, kde záleží na každom kilobajte.

Ak si nie ste istí, použite režim Auto, ktorý za vás vyskúša formáty a vyberie ten najmenší vhodný. Ušetríte tým rozhodovanie aj testovanie.

Kompresia na cieľovú veľkosť

Najpohodlnejší spôsob, ako sa dostať pod konkrétny limit, je kompresia na cieľovú veľkosť. Namiesto hádania percent kvality jednoducho zadáte požadovaný počet kilobajtov, napríklad 200 kB, a nástroj sám hľadá najvyššiu kvalitu, ktorá sa do limitu zmestí. To je ideálne pre web, kde chcete jednotnú stopu obrázkov, aj pre e-mail, kde má príloha presný strop.

V našom nástroji to zvládnete dávkovo. Naraz spracujete viac fotiek, každú s rovnakým cieľom, a výsledok stiahnete naraz ako jeden ZIP. Pri väčšom množstve obrázkov vám to ušetrí veľa klikania.

Zmenšenie rozmerov verzus kvalita

Pri zmenšovaní treba rozlišovať dve veci. Prvou je zmena rozmerov, teda počtu pixelov na šírku a výšku. Ak má fotka z telefónu 4000 pixelov na šírku, no na webe sa zobrazí v stĺpci širokom 800 pixelov, zvyšok je zbytočná záťaž. Zmenšenie rozmerov na rozumnú hodnotu často zníži veľkosť súboru viac než akákoľvek kompresia.

Druhou vecou je samotná kompresia, ktorá môže byť stratová alebo bezstratová. Stratová kompresia odhodí časť informácií, ktoré oko ťažko zaregistruje, a vďaka tomu dosiahne malú veľkosť. Bezstratová zachová všetko do posledného pixela, no súbory ostávajú väčšie. Pre fotografie sa oplatí stratová, pre grafiku a text radšej bezstratová.

Previesť HEIC z iPhonu na JPG

iPhony ukladajú fotky vo formáte HEIC, ktorý šetrí miesto, no často robí problémy. Mnohé weby, e-shopy či staršie programy ho jednoducho neotvoria. Riešenie je rýchle: fotku nahráte do nástroja, zvolíte výstup JPG alebo WebP a máte univerzálne použiteľný súbor. Keďže celé spracovanie beží lokálne, fotka pri konverzii neopustí vaše zariadenie.

Ako neprísť o priveľa kvality

Kompresia je vždy kompromis medzi veľkosťou a vzhľadom. Pár osvedčených zásad pomôže nájsť rozumnú strednú cestu:

  • Najprv zmenšite rozmery, až potom komprimujte. Šetríte tak veľkosť bez viditeľnej straty.
  • Pre web sa hodnota kvality okolo 75 až 85 percent obvykle nedá rozoznať od originálu.
  • Nekomprimujte už skomprimovaný JPG opakovane, artefakty sa s každým kolom hromadia.
  • Pre logá a text uprednostnite PNG alebo WebP v bezstratovom režime.

Náš nástroj vie z jednej fotky vytvoriť aj favicon vo formáte .ico, takže si pripravíte aj ikonu webu bez ďalšieho programu.

Prečo robiť kompresiu v prehliadači

Mnohé online kompresory nahrávajú vaše fotky na cudzí server, čo je pri citlivých snímkach, dokladoch alebo firemných materiáloch riziko. Náš nástroj pracuje výhradne vo vašom prehliadači. Nič sa nikam nenahráva, všetky úpravy prebehnú v pamäti zariadenia a obrázky zostanú len u vás. Bonusom je, že pri spracovaní zmizne aj metadáta EXIF, teda poloha, dátum a údaje o fotoaparáte, ktoré by ste inak nevedomky zverejnili. Vyskúšajte kompresiu obrázkov a presvedčte sa, aké rýchle a bezpečné to môže byť.

Tento článok je súčasťou prehľadu Softvér a systém.