Nápisy a bannery na internete čo najmenšie

V reálnom nasadení poďme robiť bannery. Vždy chceme, aby boli čo najmenšie a pritom dobre vyzerali. Najprv textový:

Veľké plochy – ideálna práca pre indexovaný PNG. Veľkosť tohto bannera je 362.

Ten istý motív v JPG bude neostrý a navyše zbytočne veľký 2274.

Ak je motívom fotka a dáme limit veľkosti obrázka okolo 6000, v indexovaných farbách sa stráca atmosféra krajinky.

Naopak, JPG obrázok zobrazí všetko s prehľadom.

Tieto poznatky sa dajú aj kombinovať – ak grafika obsahuje rôzne motívy, rozdeľte obrázok radšej na viac častí a každú komprimujte inou technológiou:

Banner sa môže skladať z viacerých obrázkov.

Taký obrázok sa načíta rýchlejšie a pritom ľavý obrázok vtáka som mohol komprimovať v JPG, aby bol veľký a bohatý na podrobnosti, stredný je v indexovanom PNG a pravý znovu JPG, ale menší a nekvalitnejší, lebo oblaky nepotrebujú tak veľa detailov. (Súčet veľkostí 5126.)

Rovnaký motív len v jednom obrázku bude vyzerať vždy horšie a neušetríte ani miesto:

Indexovaný PNG (5121)

JPG (5146)

Ukázali sme si zásady, ako urobiť internetovú grafiku čo najmenšou a peknou zároveň. Precíznej optimalizácii obrázkov sa poteší veľká skupina ľudí pripojených na sieť pomalými a drahými linkami; stále je veľmi veľa ľudí pripojených z bytov a toto číslo bude určite časom stúpať. Aj keď si asi návštevníci vášho webu väčšinou neuvedomia, že tie obrázky vás stáli trochu práce navyše, budú sa na vaše stránky radi vracať, pretože budú svižné a aj to láka prezerať si ich. S dobre optimalizovanou grafikou a dobre napísanými stránkami sa dostanete na čas otvárania stránky za 5-15 sekúnd.

Nenapodobňujte prosím, „veľké“ weby, často veľké len množstvom neoptimalizovanej grafiky, samoúčelných skriptov a zastaraných technológií, ktoré sa modemistovi otvárajú stránka za korunu päťdesiat.