Co udělat s fotkami než je vložíte na web?

Vaše webové stránky mají být vizuálně přitažlivé a zaujmout návštěvníky na první pohled. Ale ještě dřív, než to stihnou udělat, musí se načíst. Pokud načítání trvá dlouho, většina lidí stránku jednoduše opustí.

A hádejte, co bývá nejčastějším důvodem zpomalení? Ano, fotky! Velké, neoptimalizované soubory mohou váš web výrazně zpomalit.

Jak se tomu vyhnout? Stačí dodržet několik jednoduchých kroků a zajistit, že vaše fotografie budou vypadat skvěle a zároveň nezatíží rychlost načítání stránky.

Zkontrolujte velikost,

ať vám nezpomalí načítání webu. A to i když jste fotili jen mobilem, dnešní mobily dokáží fotit ve velkém rozlišení, takže si fotku můžete klidně vytisknout. Pokud takovou fotku dáte na web, bude se díky její velikosti načítat mnohem pomaleji. Lidé přitom vydrží čekat je pár vteřin.

Na velikost (množství dat) fotky má vliv rozlišení a kvalita.

Rozlišení je u jpg souboru v podstatě množství teček použitých na vykreslení. Obvykle se udávají dvě čísla, protože fotografie je dvourozměrná. Ať už je nazvete délka, výška, šířka, na názvu nezáleží. Čísla zkrátka udávají kolik teček vedle sebe tvoří jeden z rozměrů. První číslo je obvykle údaj horizontální a druhé vertikální.  

Upravte rozlišení na míru.

Pokud víte, jak velkou fotku (jaké rozlišení) potřebujete, upravte rozměry na míru.

Když to nevíte, pak jděte zlatou střední cestou, dejte 1000px (pixelů – tj. bodů/teček) na šířku. Na velkou obrazovku to bude sice málo, ale většina lidí stejně nejčastěji v dnešní době hledá pomocí mobilu a pro ten toho bude dost.

Osobně, když fotky předávám a nevím, kde budou použity, dávám pro on-line využití velikost delší strany 2048px. Tahle velikost umožňuje prostor pro případný ořez a FB (nejčastější platforma) v tomto rozlišení zanechává fotky ostré.

Přijde vám fotka pořád ještě datově veliká?

Změňte kvalitu.

Laicky vzato jde o „odebrání“ informací o barvách, místo aby v těch jedničkách a nulách (co tvoří digi soubory) byla u každého pixelu (tečky) zapsána informace o její barvě. Zapíše se to trochu na přeskáčku podle toho, jak moc kvalitu snížíte. Samozřejmě to má vliv na zobrazení, když kvalitu hodně snížíte (zkomprimujete ji) pak vám ve větším náhledu fotka může přijít neostrá.

Pokud s fotkami pracujete z mobilu, kromě výchozí varianty, kterou váš systém nabízí, můžete vyzkoušet aplikace:

- Snapseed – v nastavení se dá vybrat kvalita a přednastavený formát rozlišení.

- Photo Resizer – při ořezu je možné zadat přesné rozměry, dokáže fotografii zmenšit, ale není možné vybrat kvalitu pro uložení (kvalita ovlivňuje velikost/množství dat a tím pádem rychlost načítání na webové stránce).  

Osobně je kombinuju.

Ve snapseedu ořezu nahrubo a zmenším kvalitu. V Photo Resizer pak ořezávám na přesné rozměry (pokud je to třeba).

Na pc vám pomůže třeba stránka: iloveimg.com  

Taky dávám přednost práci na počítači

Pojmenujte je:

- Využijte svoje klíčová slova a pokud je to možné, přidejte je do názvu fotky. Ať ji podle jména rozpoznáte a zároveň ať na stánkách podpoří vaše SEO.

- Název pište bez mezer, nepoužívejte čárky a háčky, k oddělení slov využijte pomlčky.

- Tipy co a jak při vkládání uvádím ve starším článku.

Že je toho moc? Můžete si to ale zjednodušit.
Objednejte se ke mně na focení a fotografie už rovnou dostanete optimalizované pro potřeby webu.