Správná grafika a fotografie na webu – jak se o ně postarat? – II. část

grafika a fotografie

Jaké požadavky musí splňovat grafika a fotografie na webu, jsme načrtli již v první části. Zmiňovali jsme, jak dokáže velikost grafiky zpomalit chod stránky a zanechat špatný dojem na uživatele na webu. Také jsme si vzpomněli několik základních pravidel, jak připravit grafiku a fotografie na web. Ty ve velké míře souvisí s grafickým formátem, o kterém si něco povíme.

grafika a fotografie


Grafika a fotografie na webu – formáty


Co se týče formátu, nejčastěji jsou 4 typy formátů: JPEG, PNG, SVG a GIF spojené se sociálními médii. Před výběrem stojí za to poznat několik důležitých detailů:

Formát SVG: je používán zejména webovými designéry, protože je to vektorový formát podporovaný prohlížeči. Poskytuje jasnou reprezentaci grafiky a fotografií na webu, navíc obrázek takto uložený lze zmenšovat. Je efektivní v různých rozlišeních a velikostech, i když obsahuje příliš mnoho detailů. Při oddálení může ztratit svoji estetiku. Obraz je také velmi flexibilní, pokud jde o paletu barev a odstínů. Má vlastnosti vhodné i pro mobilní zařízení.

grafika a fotografie

PNG je bitmapový formát vhodný pro grafiku a fotografie na webu, se schopností reprodukovat až 16 milionů barev, přechodů a podporou alfa kanálu, která umožňuje nastavit obrázek na pozadí, lepší povrchovou úpravu okrajů a úpravu barevné palety. Poskytuje bezztrátovou kompresi, která usnadňuje změnu měřítka obrázku bez ztráty kvality. Některé odstíny však mohou negativně ovlivnit velikost a hmotnost souboru.

JPEG je nejpopulárnější grafický formát pro grafiku a fotografie na webu. Velikost a hmotnost souboru je nižší než u PNG, což nezatěžuje stránku při jejím načtení. Nejvíce se hodí pro manipulaci s fotografiemi, zejména pokud je publikujete ve velkém množství, v menší míře na grafiku. Velmi dobře odráží barvy až 16 milionů. Je to ztrátový formát, fotografie po komprimaci souboru nenávratně ztratí na kvalitě, takže její následná úprava, kopírování nebo zvětšení na zařízení zhoršuje vizuální kvalitu snímku.

grafika a fotografie

GIF je nejstarší, ale stále používaný obrazový formát pro ukládání obrázků. Jednotlivé pixely na obrázku mají index. Přiřazeno je 256 barev, díky čemuž může být soubor zejména v malém formátu vysoce komprimován, ale při více než 256 barvách to způsobí problémy s reprodukcí. Formát GIF dává možnost dvouúrovňové průhlednosti grafice či fotografiím na webu a nabízí možnost animace snímku po snímku. Nejlépe funguje s jasnými barvami a ostrými hranami grafických prvků. Často se volí pro ilustraci funkčních prvků webové stránky jako jsou tlačítka, ikony, loga a jiné grafické prvky.