1.1.1. Farebná paleta
Farebná paleta určuje rozsah farieb, s ktorými je možné pracovať – farebnú hĺbku. Ak použijeme plnú paletu farieb (True Color) máme k dispozícii 16,7 milióna farieb. Na zakódovanie farby jedného bodu potrebujeme 24 bitov – pre každú zo základných farieb (červená, zelená, modrá) 8 bitov; v prípade CMYK potrebujeme 32 bitov (8 bitov na každú zo 4 základných farieb). K dispozícii je mnoho rôznych paliet, ale pre webovú grafiku sa najlepšie hodí paleta WebSafe, ktorá obsahuje bezpečné farby pre publikáciu na webe. O farebných paletách sa ešte zmienim v časti venovanej kompresii GIFu (3.3.1).
1.1.2. Rozrezanie obrázkuRozšíreným spôsobom optimalizácie grafiky je rozrezanie obrázku na niekoľko častí – obdĺžníkov. Vo Photoshope nastavíme vodítka (Guides) pozdĺž liniek, podľa ktorých budeme chcieť rozrezať obrázok a na rozrezanie použijeme nástroj „Slice Select Tool“ (viď obrázok vpravo). Pri ukladaní jednotlivých častí, ktoré nám vznikli je možné použiť rôzne nastavenia - tieto jednotlivé časti je možné uložiť v rôznom formáte, rôznej kvalite a pri rôznej farebnej hĺbke. To vedie k tomu, že výsledná veľkosť všetkých častí je menšia a tak aj načítanie bude rýchlejšie ako pri pôvodnom obrázku.
Obrázok 5 - Pôvodný obrázok
Obrázok 6 – Obrázok rozrezaný na 6 častí
1.2. Kompresia 1.2.1. GIFKompresia obrázkov uložených vo formáte GIF je priama. Je založená na tom, že sa uložia iba tie farby, ktoré sa v obrázku vyskytujú. Pri ukladaní obrázku máme výber niekoľko farebných paliet:
- percepual – farby najviac vnímané ľudským okom
- selective – plochy farieb pri zachovávaní webových farieb
- adaptive – vzorkuje farby spektra, ktoré sa v obrázku vyskytujú najčastejšie
- restrictive (web) – obsahuje štandardných 216 farieb
Kompresiou GIFu je možné zredukovať veľkosť obrázku niekedy až na 95%.
Príklad: Pôvodný obrázok bol vytvorený vo Photoshope. Po uložení vo formáte JPEG mal
veľkosť 13kB. Keďže obsahuje iba 2 farby, je vhodnejším formátom na jeho uloženie
formát GIF. Po uložení vo formáte GIF s paletou Perceptual a 14 farbami bola jeho veľkosť
1 kB, teda 13x menšia a pri uložení v 4 farbách iba 864 bajtov, čo predstavuje takmer 6%
pôvodnej veľkosti.
|
Obrázok 7 - JPEG, Quality 100 (13 kB) |
Obrázok 8 - GIF, 14 farieb (1 kB) |
Obrázok 9 - GIF, 4 farby (864 bajtov) |
|
|
1.2.2. JPEG
Kompresia JPEG obrázkov pracuje na základe dopočítavania hodnoty farby bodov. Majme napríklad obrázok šírky 1024 pixelov široký. Pri 10% JPEG komresii bude každý desiaty pixel „vyhodený“. Pri dekompresii budú hodnoty farby týchto pixelov dopočítané z farieb susediacich pixelov. V dôsledku toho, sa pri vysokej kompresii JPEG obrázku objavuje šum.
Príklad: Majme pôvodný, nekomprimovaný obrázok v formáte JPEG veľkosti 117 kB (Obrázok 10). Po vybraní voľby File - Save For Web sa nám zobrazí dialógové okno, v ktorom môžeme nastaviť až 4 rôzne druhy kompresie, pre ten istý obrázok, a zároveň porovnať veľkosť súboru s kvalitou skomprimovaného obrázku.
V prvom prípade som nastavil kvalitu obrázku na 60. Veľkosť sa znížila na 28,5 kB pri veľmi slušnej kvalite obrázku. Pri nastavení kvality obrázku na 30 bola veľkosť obrázku 15,6 kB. Kvalita obrázku zostala ešte stále slušná, ale pri pozornejšom prehliadnutí si detailov je pozorovateľný šum. V treťom prípade je kvalita nastavená na 10. Veľkosť obrázku je 10 kB ale už je badať viditeľný šum.