Úvod do webgrafiky
U grafiky určenou pro webové stránky, by nás jako její tvůrce nemělo zajímat jen její vzhled a vhodnost, ale i celá řada dalších faktorů.
Grafický návrh webové stránky zahrnuje tyto základní kroky:
- koncepce stránky
- návrh navigace
- příprava obrázků a jejich optimalizace
rozlišení – udává míru detailů obrázku, které je schopné zařízení zobrazit, zachytit či reprodukovat. rozlišení se nejčastěji udává v DPI. Při práci s webovou grafikou se nejčastěji budete setkávat s rozlišením udávaným pomocí DPI.
barevná hloubka – udává počet barev, které je možné zaznamenat, zobrazit pomocí příslušného zařízení.
grafický formát – způsob uložení grafických informací do souboru. Existuje celá řada grafických formátů , které lze rozdělit na dvě skupiny vektorové a bitmapové. Na webovských stránkách se můžeme setkat hlavně s obrázky z kategorie bitmapové grafiky.
velikost – jde o rozměry grafiky pro internet. Internetová grafika se musí vtěsnat na monitor.
optimalizace obrazových dat
optimalizace obrazových dat znamená určení optimálního nastavení parametrů obrazu pro snížení objemu dat při zachování potřebné kvality obrazu. optimalizace se provádí pomocí následujících úprav:
- nastavení vhodného rozlišení
- správná velikost obrazu
- vhodná paleta barev
- vybrání správného formát souboru
- aplikování vhodné komprese dat
Formáty grafických souborů
JPEG
GIF
PNG
Barvy
U webové grafiky je barevný prostor definován základními barvami RGB.