Jak zajistit správnou grafiku a fotografie, aby byl firemní web přitažlivý? – I. část

firemný web

Na firemní web se tentokrát podíváme z technického hlediska. Častým problémem, se kterým se na firemních webech setkáváme je grafika a fotografie. Nevhodně zvolený webdesign zpomaluje výkon webové stránky, což může uživatele vyrušit natolik, že web opustí. Většinou je to tím, že fotografie na stránce mají příliš vysoké rozlišení nebo soubory jsou ve formátu, které jsou pro web nepřátelné, protože jejich komprese ovlivňuje kvalitu či velikost obrázku.

firemní web

Rychlým firemním webem blíže zákazníkovi

Velikost grafických obrázků ovlivňuje rychlost načítání webové stránky na zařízení uživatele. Vysoké rozlišení je výborné, chceme-li se prezentovat v printové formě. V online prostoru však zbytečná velikost zpomaluje přenos na server. Pomalu otevírající firemní web je impulsem pro uživatele, aby z této stránky odešel, protože jej rychle znechutí. Pomalý firemní web může také naznačovat slabou pozornost vůči potřebám zákazníků či technologickou zaostalost firmy.

firemní web

Příprava grafiky a fotografií na firemní web

V neposlední řadě je firemní web snadno dostupný jedním z důležitých parametrů, které Google zohledňuje při klasifikaci výsledků vyhledávání. Před zveřejněním fotografií na webu, je třeba je optimalizovat. Vyberte formát souboru, který umožňuje zpracování obrazu se zachováním nejvyšší kvality. Pokud jde o velikost, je dobré pamatovat na to, abyste nepřekročili rozměry 1920 (šířka) a 1080 (výška) px., což je v současnosti optimální velikost pro zobrazení na celé obrazovce na většině počítačů.

firemní web

U firemního webu, každý pixel rozhoduje

Počet pixelů udává kvalitu fotografie – čím je číslo vyšší, tím je obraz věrnější. Při přidávání grafiky na firemní web je důležitější šířka souboru v pixelech, doporučená výška může být menší. Problémem může být volba rozlišení souborů při budování responzivního webu, protože se zmenšující se velikostí obrazovky se zmenšuje také velikost souboru s obrázkem, který se tak stává nečitelným. V tomto případě lze použít dvě řešení, a to buď načtěte grafiku s vyšším rozlišením nebo připravte jednotlivé soubory pro konkrétní typy zařízení.