Aký obrazový formát je najlepší: PNG, JPG alebo GIF? – I. časť

obrazový formát

Aj vy ste sa neraz zamýšľali aký obrazový formát použiť, aké sú ich hlavné rozdiely či ktorý bude najlepší pre vašu grafiku na webe. Najpoužívanejšími obrazovými formátmi sú jednoznačne PNG, JPG a GIF. Prečítajte si aké rozdiely sú medzi nimi, ktorý obrazový formát ukladá obraz bez straty kvality, ktorý podporuje priehľadnosť či ktorý použiť pre animácie?

obrazový fomrát

Aký je to obrazový formát PNG?

Obrazový formát PNG je skratkou od anglického názvu Portable Network Graphic. Tento obrazový formát vykonáva pri ukladaní okamžitú kompresiu. PNG je tak väčším súborom než takmer identickým JPG, no pravdou zostáva i to, že obrazový formát PNG lepšie vyzerá vďaka väčšiemu počtu bitov. PNG má najčastejšie 48-bitovú farebnú hĺbku a takzvaný alfa kanál, ktorý podporuje priehľadnosť obrázku.

V praxi to znamená napríklad to, že ak chcete uložiť vybraný logotyp bez pozadia, použite obrazový formát PNG a uložte ho v pôvodnej veľkosti bez straty kvality či veľkosti. PNG je skvele využiteľný v grafickom dizajne či pri tvorbe kvalitného webdizajnu. Do vašich grafických projektov, či už pracujete v Photoshope, Lightroome alebo tvoríte grafiky a príspevky v  Canve či inom grafickom programe, jednoducho vložíte obrazový formát PNG a jeho veľkosť prispôsobíte projektu podľa vašich potrieb. Vložený súbor PNG pekne zapadne do dizajnu, vďaka svojej priehľadnosti.

Aký je to obrazový formát JPG?

Obrazový formát JPG či JPEG pochádza z anglického pomenovania Joint Photographic Experts Group. JPG je aj názvom algoritmu, ktorý komprimuje súbory pri ukladaní. To znamená, že obrázok v JPG bude menší, bude mať menej bitov a rýchlo sa načíta. Úspora veľkosti komprimovaného súboru má však negatívny vplyv na kvalitu obrazu a zároveň JPG súbory nepodporujú transparentnosť.

V praxi to znamená napríklad to, že ak chcete na vašu webovú stránku vložiť veľkú fotografiu na pozadie, napríklad do šablóny webu, v prvom kroku je potrebné skontrolovať požadované rozmery v pixeloch a veľkú fotku podľa nich zmenšiť a orezať. V tomto prípade použite kompresiu JPG, ktorá zmenší jej veľkosť. Dôležité je nájsť takú hodnotu kompresie, pri ktorej bude fotka stále dobre vyzerať a nebude sa dlho načítavať ani spôsobovať spomalenie načítavania webu.

obrazový fomrát

Pri použití správnych obrazových formátov a technických nastavení sa už nebudete musieť pýtať – prečo sa webové stránky načítavajú taaak pomaly? Viac o správnom použití obrazových formátov PNG, JPG i formátu GIF si prečítajte v druhej časti článku.