Ako zabezpečiť správnu grafiku a fotografie, aby bol firemný web príťažlivý? – II. časť
V prvej časti zameranej na firemný web sme načrtli, aké dôležité je zameriavať sa na veľkosť a rozlíšenie grafiky a fotografií. Teraz sa podrobnejšie pozrieme na jednotlivé formáty vhodné na webové stránky. Tými najbežnejšími sú JPEG, PNG, SVG a GIF, ktoré sú tiež spojené so sociálnymi médiami. Pred výberom správneho formátu, stojí za to poznať niekoľko dôležitých detailov, ktoré zhrnieme v nasledujúcich riadkoch.
Formát JPEG
Najpopulárnejší grafický formát na použitie pre firemný web či iné webové stránky. Veľkosť 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 zverejňujeme vo veľkom množstve, v menšej miere na grafiku. Veľmi dobre odráža farby, až 16 miliónov. Je však stratový formát, fotografia po komprimácii súboru stratí na kvalite, takže následná úprava na ďalšom zariadení zhorší kvalitu snímky.
Formát PNG
PNG je bitmapový formát so schopnosťou reprodukovať až 16 miliónov farieb a prechodov spolu s podporou alfa kanála. Ten umožňuje nastaviť obrázok na pozadí, lepšiu úpravu okrajov a farebnej palety. Aj tento formát sa s obľubou používa na firemný web. Poskytuje totiž bezstratovú kompresiu, ktorá uľahčuje zmenu mierky obrázka bez straty kvality. Niektoré farby alebo odtiene však môžu negatívne ovplyvniť veľkosť súboru.
Formát SVG
SVG je používaný najmä medzi webdizajnérmi, pretože je to vektorový formát podporovaný prehliadačmi. Poskytuje expresívne znázornenie okrajov prvkov. Obrázok v SVG je možné škálovať a je efektívny v rôznych rozlíšeniach a veľkostiach. Je veľmi flexibilný, pokiaľ ide o paletu farieb a odtieňov. Má profil určený pre mobilné zariadenia, preto je dobrou voľbou aj pre firemný web.
Formát GIF
Najstarší formát, ale stále často na internete používaný, firemný web nie je výnimkou. Jednotlivé pixely obrazu majú priradených 256 farieb, vďaka čomu môže byť súbor najmä v malom formáte často komprimovaný. Formát GIF dáva možnosť dvojstupňovej priehľadnosti a ponúka možnosť animácie snímky po snímke. Je častou voľbou na ilustráciu funkčných prvkov webovej stránky ako sú logá, tlačidlá, či ikony.
