Naučte se sami tvořit báječný web ve Škole webu. Více informací >>.

TIP #7

Optimalizujte velikost svých obrázků

Toto je opravdu jeden z nejvíce rozšířených webových nešvarů. Dnes a denně vidím na webech obrázky o rozměrech delší strany 4 000 Px a datové velikosti 3 MB. Třeba se majitel webu nechá nafotit profi fotografem a ten mu pošle jeho fotky. A on je tam v takto syrovém (nebo spíše surovém) stavu nahraje. A co se s tím děje na webu?

  1. Stránka se dlouho načítá, obzvlášt pokud tam je takových obrázků několik nebo nedej bože fotogalerie! 
  2. Na mobilech tyto obrázky zcela zbytečně žerou uživatelům data.
  3. Stránka je penalizovaná ve vyhledávačích a má špatný seo index. 

U obrázků je důležité přemýšlet, kam je v rámci webu budete používat.

Pokud je to fotka do reference, tak ta fakt nemusí mít rozměry 2 000px a velikost 1,5 MB. A ani do článku nepotřebujete žádné obří rozměry a data. Ve skutečnosti vám prozradím jedno tajemství: Až na výjimky většina pc monitorů funguje ve Full HD rozlišení. Neumí zobrazit vyšší rozměr. Z toho důvodu vám stačí nejvíc největší obrázek na váš web s delší stranou 1920 Px. Vše větší je už zcela zbytečné a nemá to na nic vliv. Teda má, na ty 3 body výše. Ale na kvalitu zobrazení na monitoru fakt ne. 

Proto pokud chtete fotku v rámci webu použít třeba na pozadí stránky nebo nějakého bloku, což je ten max. rozměr, stačí vám obrázek s dělší stranou 1920 px. Do článků na blogu vám bude úplně v pohodě stačit delší strana obrázku 1200 Px. 

Velikost se sčítá. Obrázek k obrázku a po pár letech (a že někdy to jsou jen 2-3 roky) může být vaše webová knihovna pěkně zasekaná obříma obrázkama, stránky nepojedou, vyhledávače vás budou záporně vyhodnocovat a celková velikost webu může být také problém.

Proto přemýšlejte nad tím, kam chcete obrázek použít, ještě dříve než ho na web nahrajete.

Tip pro vás

Jak zmenšit datovou velikost obrázku

Tedy udělat z fotky např 1,5 MB fotku o velikosti 300 kB. Já velmi ráda pro datovou optimalizaci obrázků používám tento on-line nástroj zdarma. Stačí tam obrázek jen nahrát přes tlačítko Upload files, chvilku počkat, obrázek se zkomprimuje bez ztráty kvality! (a že to jsou mnohdy velká procenta, klidně 65-79 % zmenšení oproti původní datové velikosti) a poté přes tlačítko Download si komprimovaný obrázek stáhnout. 

Jak zmenšit rozměrovou velikost obrázku

Co se týče zmenšení rozměrů, tedy u delší strany např. z 4 000 Px na třeba 1 920 Px, k tomu vede několik cest. Je k tomu potřeba externí editor. Buď ho mít stažený v PC nebo on-line. Můj oblíbený je Pixlr. 

A v dalším tipu si povíme něco o barvách a seznámím vás s jedním bezva nástrojem. :)