PC-politika.cz - Novinky: GRAFIKA: Web-safe barvy a pozadí PC-politika

GRAFIKA: Web-safe barvy a pozadí

Připomenutí "vzorové" palety barev web_safe a jeji využití při vytváření pozadí stránek. Nemáme pro to pouze atribut "bgcolor"! Jak postupovat, čeho se vyvarovat.

Připomenutí "vzorové" palety barev web_safe a jeji využití při vytváření pozadí stránek. Nemáme pro to pouze atribut "bgcolor"! Jak postupovat, čeho se vyvarovat.

Jistě víte, že www stránky by měly být tvořeny tak, aby i po stránce barevného podání vypadaly na všech počítačích, tedy ve všech browserech barevně stejné. Proto byla vytvořena barevná paleta web-safe, kterým říkáme bezpečné, věrohodné barvy pro web. Využívá skutečnosti, že všechny prohlížeče používají stejnou barevnou plaltu. Její hádro obsahuje 216 barev a je nazyváná také jako browser-safe.

Barvy vypadají stejně na všech monistorech

Web-safe, či browser-safe, je množina barev, které vypadají stejně na všech monitorech, které podporují celkem 256 barev. Paleta web-safe jich má pouze těch 216, zbylých 40 barev je rezervováno pro využití v konkrétním operačním systému. Proč a jak, tím se nebudeme zatěžovat. Prostě berte to, že tomu tak je a mějme na paměti, že při práci, třeba v Photoshopu, bychom měli barvy míchat pouze z palety web-safe!

Jak při tvorbě pozadí? Neukádat v JPG!

Hodně webdesignerů používá dnes při tvorbě pozadi bitmapu. Tzn., jsou si vědomí, že pro vytvoření pozadí www stzránky nemáme jen atribut "bgcolor", nýbrž můžeme pozadí tvořit pmocí grafiky. Dělá se to tak, že vytvoříme jednoduchý obrázek nějaké barvy v rozměrech několika pixelů. Ten nám pak vyplní celé pozadí dokumentu HTML. Optimální velikost takového obrázku by měla být 10x10 pixelů! V žádném případě nedělejte malé obrázky pozadí. Dokonce vidávám i velikost 1x1 pixel. To je špatně, jelikož propcesor počítače musí vynaložit více práce s vykreslováním takového pozadí. I když jsou dnes velmi silné procesory, přesto bychom tuto zásadu měli dodržovat. A nakonec ještě jedna důležitá rada - obrázek pro pozadí, který vytvoříte v paletě web-safe, nikdy neukládejte do formátu JPG! Při grafické kompresi, k níž u tohoto formátu dochází, se totiž do výsledné výstupní barvy dostává zbytek komprese, v podobě barevné nečistoty. Výsledná barva JPG je pak zkreslena a tudíž by barevnou paletu věrných barev narušila!

Často používané web-safe barvy:
black černý 000000 ffffff
white bílý FFFFFF ffffff
red červený FF0000 ff0000
green zelený 00FF00 00ff00
blue modrá 0000FF 0000ff

Pokud budete chtít zjistit bezpečné barvy web-safe, můžete si pro zjištění zajít na web Richinstyle.com, kde na stránce: Colorizer je doporučovaná paleta. Tam pouze kliknete na příslušnou barvu a colorizer vám dole v políčku vypíše správnou web-safe barvu. Viz následující ukázkový obrázek.