Rastrová grafika
Obrázek složený z pixelů – při zvětšení se rozostří (JPG, PNG, WebP)
Co je rastrová grafika
Rastrová grafika je obrázek složený z pixelů, tedy z mřížky barevných bodů s pevně daným počtem řádků a sloupců. Patří sem JPG, PNG, WebP i GIF. Fotoaparát, skener ani snímek obrazovky nic jiného vytvořit neumí.
Rozlišení je strop
Počet pixelů se zafixuje ve chvíli vzniku souboru a nikdy už nepřibude. Zvětšování proto znamená, že se stávající body natáhnou přes větší plochu a program mezi ně dopočítá barvy, které v originále nebyly. Výsledek je měkký, na velkém formátu i viditelně kostičkovaný. Zmenšit se dá bez ztráty, zvětšit ne. Z toho plyne jediné praktické pravidlo pro podklady: chtějte je vždycky větší, než si myslíte, že budete potřebovat.
Co s tím na webu
Displeje s vysokou hustotou bodů potřebují obrázek zhruba ve dvojnásobku zobrazovaného rozměru, jinak působí lehce rozmazaně. Tím ale roste datová velikost a rychlost stránky zase klesá. Celá práce s rastrem je hledáním téhle rovnováhy. Kdykoliv jde prvek udělat vektorově, dělá se vektorově; zůstane ostrý v jakékoliv velikosti a váží skoro nic. Rozdíly rozebírám u vektorové grafiky.
Logo široké dvě stě pixelů
Grafiku si nedělám sám, ale podklady od grafiků přebírám a kontroluju, a právě tady se to nejčastěji zadrhne. Klasika je logo vytažené z hlavičky starého webu, široké dvě stě pixelů, které má nově sedět na velké titulce e-shopu nebo dokonce na tištěném materiálu. Natáhnout ho nejde a přemalovat taky ne. Při přebírání značky si proto vždycky vyžádám vektorový originál, i když ho zrovna nepotřebuju. Jednou přijde den, kdy bez něj nebude co použít.