Jak zajistit správnou grafiku a fotografie, aby byl firemní web přitažlivý? – II. část
V první části zaměřené na firemní web jsme načrtli, jak důležité je zaměřovat se na velikost a rozlišení grafiky a fotografií. Nyní se podrobněji podíváme na jednotlivé formáty vhodné pro webové stránky. Těmi nejběžnějšími jsou JPEG, PNG, SVG a GIF, které jsou také spojeny se sociálními médii. Před výběrem správného formátu stojí za to znát několik důležitých detailů, které shrneme v následujících řádcích.
Formát JPEG
Nejpopulárnější grafický formát pro použití pro firemní web či jiné webové stránky. Velikost 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 zveřejňujeme ve velkém množství, v menší míře na grafiku. Velmi dobře odráží barvy až 16 milionů. Je však ztrátový formát, fotografie po komprimaci souboru ztratí na kvalitě, takže následná úprava na dalším zařízení zhorší kvalitu snímku.
Formát PNG
PNG je bitmapový formát se schopností reprodukovat až 16 milionů barev a přechodů spolu s podporou alfa kanálu. Ten umožňuje nastavit obrázek na pozadí, lepší úpravu okrajů a barevné palety. I tento formát se s oblibou používá pro firemní web. Poskytuje totiž bezztrátovou kompresi, která usnadňuje změnu měřítka obrázku bez ztráty kvality. Některé barvy nebo odstíny však mohou negativně ovlivnit velikost souboru.
Formát SVG
SVG je používán zejména mezi webdesignéry, protože je to vektorový formát podporovaný prohlížeči. Poskytuje expresivní znázornění okrajů prvků. Obrázek v SVG lze škálovat a je efektivní v různých rozlišeních a velikostech. Je velmi flexibilní, pokud jde o paletu barev a odstínů. Má profil určený pro mobilní zařízení, proto je dobrou volbou také pro firemní web.
Formát GIF
Nejstarší formát, ale stále často na internetu používaný, firemní web není výjimkou. Jednotlivé pixely obrazu mají přiřazeno 256 barev, díky čemuž může být soubor zejména v malém formátu často komprimován. Formát GIF dává možnost dvoustupňové průhlednosti a nabízí možnost animace snímku po snímku. Je častou volbou pro ilustraci funkčních prvků webové stránky jako jsou loga, tlačítka či ikony.
