Kompresia grafiky – Kedy ktorý grafický formát?

JPG kompresia si obrázok rozdelí na štvorce veľkosti 8 × 8 pixelov a každý z nich komprimuje inak. Ak je štvorec na takmer jednofarebnej ploche, neponesie skoro žiadne informácie, ak je, naopak, na rozhraní detailov, bude sa snažiť zobraziť toho čo najviac. JPG zachováva veľa farieb a poltónov, ale devastuje detaily.

GIF/PNG kompresia zníži počet použitých farieb (reč je o indexovaných farbách), aby tak vytvorila čo možno najväčšie jednofarebné plochy. Tie sa potom výborne komprimujú. Indexovaný GIF/PNG devastuje pôvodnú farebnosť, ale zachováva úplnú ostrosť.

Plnofarebnú PNG kompresiu v ďalšom texte ignorujem, hoc ho využívam v prvej z ukážok. Plnofarebný PNG zachováva obrázok dokonalý a bez zmeny, ale veľkosť súboru vás väčšinou odradí použiť ho na internete.

Ukážky:

Najprv ukážka, ako vyzerá pôvodný, nekomprimovaný obrázok, potom nasleduje kompresia JPG a nakoniec indexovaný obrázok.

Všimnite si, že JPG síce prenáša farebnú guľôčku pekne, ale okolo nápisov sú fľaky. Naopak, GIF/PNG prenáša len málo farieb, ale úplne ostré nápisy. Drobná fotka trolejbusu vychádza v GIF/PNG zdanlivo rovnako, ale rozdiel vo veľkosti súboru je mnohonásobný v neprospech PNG/GIF. Presne naopak to platí o spodnej časti s nápismi – aby boli v JPG zobrazené aspoň trochu bez fľakov okolo textu, JPG by sa neprimerane zväčšil.

Teraz si tie obrázky zväčšíme:

Po zväčšení dobre vidno, ako sa JPG kompresia pokúša rozložiť obraz na štvorce. Hlavne na texte vidno, že každý štvorec, ktorý sa nachádza nad časťou textu, je akoby „zvlnený“ po celej ploche a z toho sú aj tie fľaky okolo textu. Rozdelenie fotky trolejbusu na štvorčeky nie je až také „bolestivé“, vo veľkosti 1:1 ho väčšinou vôbec nevnímame.

Na zväčšenom obrázku GIF/PNG dobre vidno, ako sú devastované farby a dodržaná ostrosť. Sú viditeľne zliate farebné plochy na fotke trolejbusu a málo plastické farebné guličky.