Ako zabezpečiť správnu grafiku a fotografie, aby bol firemný web príťažlivý? – I. časť

Na firemný web sa tentokrát pozrieme z technického hľadiska. Častým problémom, s ktorým sa na firemných weboch stretávame je grafika a fotografia. Nevhodne zvolený webdizajn spomaľuje výkon webovej stránky, čo môže používateľa vyrušiť natoľko, že web opustí. Zväčša je to tým, že fotografie na stránke majú príliš vysoké rozlíšenie alebo súbory sú vo formáte, ktoré sú pre web nepriateľné, pretože ich kompresia ovplyvňuje kvalitu či veľkosť obrázka.

Rýchlym firemným webom bližšie ku zákazníkovi

Veľkosť grafických obrázkov ovplyvňuje rýchlosť načítania webovej stránky na zariadení používateľa. Vysoké rozlíšenie je výborné, ak sa chceme prezentovať v printovej forme. V online priestore však zbytočná veľkosť spomaľuje prenos na server. Pomaly otvárajúci firemný web je impulzom pre používateľa, aby z tejto stránky odišiel, pretože ho rýchlo znechutí. Pomalý firemný web môže tiež naznačovať slabú pozornosť voči potrebám zákazníkov, či technologickú zaostalosť firmy.

Príprava grafiky a fotografií na firemný web

V neposlednom rade, je ľahko dostupný firemný web jedným z dôležitých parametrov, ktoré Google zohľadňuje pri klasifikácii výsledkov vyhľadávania. Pred zverejnením fotografií na webe, je potrebné ich optimalizovať. Vyberte formát súboru, ktorý umožňuje spracovanie obrazu so zachovaním najvyššej kvality. Pokiaľ ide o veľkosť, je dobré pamätať na to, aby ste neprekročili rozmery 1920 (šírka) a 1080 (výška) px., čo je v súčasnosti optimálna veľkosť pre zobrazenie na celej obrazovke na väčšine počítačov.

Pri firemnom webe, každý pixel rozhoduje

Počet pixelov udáva kvalitu fotografie – čím je číslo vyššie, tým je obraz vernejší. Pri pridávaní grafiky na firemný web je dôležitejšia šírka súboru v pixeloch, odporúčaná výška môže byť menšia. Problémom môže byť voľba rozlíšenia súborov pri budovaní responzívneho webu, pretože so zmenšujúcou sa veľkosťou obrazovky sa zmenšuje aj veľkosť súboru s obrázkom, ktorý sa tak stáva nečitateľným. V tomto prípade možno použiť dve riešenia, a to buď načítajte grafiku s vyšším rozlíšením alebo pripravte jednotlivé súbory pre konkrétne typy zariadení.

Viac informácií na túto tému sa dozviete v druhej časti článku.