Správna grafika a fotografie na webe – ako sa o ne postarať? – II. časť

grafika a fotografie

Aké požiadavky musí spĺňať grafika a fotografie na webe, sme načrtli už v prvej časti. Spomínali sme ako dokáže veľkosť grafiky spomaliť chod stránky a zanechať zlý dojem na používateľa na webe. Takisto sme si spomenuli niekoľko základných pravidiel, ako pripraviť grafiku a fotografie na web. Tie vo veľkej miere súvisia s grafickým formátom, o ktorom si niečo povieme.

grafika a fotografie

Grafika a fotografie na webe – formáty

Čo sa týka formátu, najčastejšie sú 4 typy formátov: JPEG, PNG, SVG a GIF spojené so sociálnymi médiami. Pred výberom stojí za to spoznať niekoľko dôležitých detailov:

Formát SVG: je používaný najmä webovými dizajnérmi, pretože je to vektorový formát podporovaný prehliadačmi. Poskytuje jasnú reprezentáciu grafiky a fotografií na webe, navyše obrázok takto uložený je možné zmenšovať. Je efektívny v rôznych rozlíšeniach a veľkostiach, aj keď obsahuje príliš veľa detailov. Pri oddialení môže stratiť svoju estetiku. Obraz je tiež veľmi flexibilný, pokiaľ ide o paletu farieb a odtieňov. Má vlastnosti vhodné aj pre mobilné zariadenia.

grafika a fotografie

PNG je bitmapový formát vhodný na grafiku a fotografie na webe, so schopnosťou reprodukovať až 16 miliónov farieb, prechodov a podporou alfa kanála, ktorá umožňuje nastaviť obrázok na pozadí, lepšiu povrchovú úpravu okrajov a úpravu farebnej palety. Poskytuje bezstratovú kompresiu, ktorá uľahčuje zmenu mierky obrázka bez straty kvality. Niektoré odtiene však môžu negatívne ovplyvniť veľkosť a hmotnosť súboru.

JPEG je najpopulárnejší grafický formát na grafiku a fotografie na webe. Veľkosť a hmotnosť súboru je nižšia ako u PNG, čo nezaťažuje stránku pri jej načítaní. Najviac sa hodí na manipuláciu s fotografiami, najmä ak ich publikujete vo veľkom množstve, v menšej miere na grafiku. Veľmi dobre odráža farby, až 16 miliónov. Je to stratový formát, fotografia po komprimácii súboru nenávratne stratí na kvalite, takže jej následná úprava, kopírovanie alebo zväčšenie na zariadení zhoršuje vizuálnu kvalitu snímky.

grafika a fotografie

GIF je najstarší, ale stále používaný obrazový formát na ukladanie obrázkov. Jednotlivé pixely na obrázku majú index. Priradených je 256 farieb, vďaka čomu môže byť súbor najmä v malom formáte vysoko komprimovaný, no pri viac ako 256 farbách to spôsobí problémy s reprodukciou. Formát GIF dáva možnosť dvojúrovňovej priehľadnosti grafike či fotografiám na webe a ponúka možnosť animácie snímky po snímke. Najlepšie funguje s jasnými farbami a ostrými hranami grafických prvkov. Často sa volí na ilustráciu funkčných prvkov webovej stránky akými sú tlačidlá, ikony, logá a iné grafické prvky.