Jaký obrazový formát je nejlepší: PNG, JPG nebo GIF? – I. část
I vy jste se nejednou zamýšleli jaký obrazový formát použít, jaké jsou jejich hlavní rozdíly či který bude nejlepší pro vaši grafiku na webu. Nejpoužívanějšími obrazovými formáty jsou jednoznačně PNG, JPG a GIF. Přečtěte si jaké rozdíly jsou mezi nimi, který obrazový formát ukládá obraz bez ztráty kvality, který podporuje průhlednost či který použít pro animace?
Jaký je to obrazový formát PNG?
Obrazový formát PNG je zkratkou od anglického názvu Portable Network Graphic. Tento obrazový formát provádí při ukládání okamžitou kompresi. PNG je tak větším souborem než téměř identickým JPG, ale pravdou zůstává i to, že obrazový formát PNG lépe vypadá díky většímu počtu bitů. PNG má nejčastěji 48bitovou barevnou hloubku a takzvaný alfa kanál, který podporuje průhlednost obrázku.
V praxi to znamená například to, že chcete-li uložit vybraný logotyp bez pozadí, použijte obrazový formát PNG a uložte jej v původní velikosti bez ztráty kvality či velikosti. PNG je skvěle využitelný v grafickém designu či při tvorbě kvalitního webdesignu. Do vašich grafických projektů, ať už pracujete ve Photoshopu, Lightroomu nebo tvoříte grafiky a příspěvky v Canve či jiném grafickém programu, jednoduše vložíte obrazový formát PNG a jeho velikost přizpůsobíte projektu podle vašich potřeb. Vložený soubor PNG pěkně zapadne do designu, díky své průhlednosti
Jaký je to obrazový formát JPG?
Obrazový formát JPG či JPEG pochází z anglického pojmenování Joint Photographic Experts Group. JPG je také názvem algoritmu, který komprimuje soubory při ukládání. To znamená, že obrázek v JPG bude menší, bude mít méně bitů a rychle se načte. Úspora velikosti komprimovaného souboru má však negativní vliv na kvalitu obrazu a zároveň JPG soubory nepodporují transparentnost.
V praxi to znamená například to, že chcete-li na vaši webovou stránku vložit velkou fotografii na pozadí, například do šablony webu, v prvním kroku je třeba zkontrolovat požadované rozměry v pixelech a velkou fotku podle nich zmenšit a oříznout. V tomto případě použijte kompresi JPG, která zmenší její velikost. Důležité je najít takovou hodnotu komprese, při které bude fotka stále dobře vypadat a nebude se dlouho načítat ani způsobovat zpomalení načítání webu.
Při použití správných obrazových formátů a technických nastavení se už nebudete muset ptát – proč se webové stránky načítají taaak pomalu? Více o správném použití obrazových formátů PNG, JPG i formátu GIF si přečtěte v druhé části článku.
