Prečo upravovať a zmenšovať fotky na web?

Na začiatok jedna dôležitá otázka ohľadom obrázkov na vašom webe. Prejdú vaše fotky pred tým ako ich nahráte na server aspoň nejakou úpravou a optimalizáciou pre potreby stránky?

Alebo patríte k väčšine tých ľudí, ktorí na server „hádžu“ fotky priamo také aké vychádzajú z vášho digitálu. Alebo ako vám ich dodá profesionálny fotograf, priateľ alebo ktokoľvek so sklonmi k foteniu?

Fotky, ktoré (ne)zabijú návštevnosť vášho webu

Prečo by som ich mal(a) vôbec upravovať? Je to dôležité? V prvom a asi najdôležitejšom rade pre pohodlie všetkých návštevníkov, ktorí sa rozhodli alebo sa rozhodnú navštíviť vašu stránku. Čo myslím pohodlím?

Určite ste už navštívili stránku, pri ktorej ste čakali celú večnosť, kým sa načítal kompletný obsah a hlavne všetky tie obrovské obrázky. Pre väčšinu ľudí čakanie nie je moc príjemné. Samozrejme pripúšťam, že môžu existovať aj výnimky, ale väčšina bežných ľudí v takýchto prípadoch stránku asi radšej zatvorí, akoby mali čakať nekonečne dlho. Obzvlášť v dnešnom svete, kde čas je luxus, ktorého je vždy málo 🙂

Treba zmenšiť rozmer

Čo je to optimalizácia fotografie? Je to zmenšenie pôvodnej veľkosti súboru na čo najmenšiu možnú veľkosť s ohľadom na zachovanie vizuálnej kvality. Fotografia nie je rozmazaná, hrany nie sú kostrbaté a pod… Takúto úpravu veľkosti súboru dosiahneme pomocou dvoch krokov. Najskôr musíme zmenšiť rozmer fotky (zvykne sa udávať v pixeloch) pre potreby zobrazenia podľa miesta a účelu. Ak potrebujete napríklad vložiť len malý obrázok do textu, ktorý sa nebude po kliknutí zväčšovať, vo veľkosti povedzme 4 cm, je úplne zbytočné, aby mal rozlíšenie 3200 px, čo je rozmer asi ako šírka dvoch monitorov vedľa seba. A veľký rozmer znamená veľké dáta, ktoré sa sťahujú do počítača, tabletu, mobilu pri prezeraní stránky. Pri väčšom množstve takýchto fotiek dokážu byť tieto dáta veeeľmi veľké. Samozrejme, to vyžaduje aj väčší hostingový priestor za ktorý platíte. A áno, stojí vás to viac peňazí 🙂

Zvoľte vhodnú kvalitu

Druhým krokom optimalizácie dát výslednej fotky je nastavenie výstupnej kvality. V jednoduchosti ide o hustotu zobrazenia bodov fotografie. Väčšia hustota bodov znamená kvalitnejšia fotka. No aj pri menšej densite bodov dokáže fotka vyzerať voľným okom veľmi dobre, ale jej veľkosť na disku je zrazu o polovicu menšia. S týmto vám pomôže každá lepšia aplikácia určená na úpravu fotografií.

Ako na to ?

Ak vás predošlé riadky presvedčili, že je rozumné fotky, ktoré sa chystáte nahrať na vašu stránku, optimalizovať, asi máte otázku kde a ako to spravíte. Prípadne, bude to stáť veľa peňazí? Nemusíte sa báť. Na svete je kopa nástrojov na úpravu fotografií úplne zadarmo. Môžete si vybrať online aplikáciu alebo si nejakú stiahnuť a nainštalovať priamo do počítača. Výber je na vás. Tí z vás, ktorí radi experimentujú si môžu sami hodiť požadovanú frázu do Google – napríklad zmenšenie obrázku a kvality a potom si už len vybrať z výsledkov ten, ktorý vám bude užívateľsky najbližšie.

My sme pre vás vybrali tieto. Sú online, takže nepotrebujte nič inštalovať a fungujú aj bez nutnosti registrácie. Jednoducho prídete na stránku a môžete ísť na vec 🙂
www.befunky.com
www.picmonkey.com
www.canva.com/photo-editor
web.photocat.com/edit

Tieto programy vám okrem zmeny rozmeru a kvality fotiek ponúkajú aj mnoho ďalších užitočných funkcií ako je úprava farieb, jasu, kontrastu… Plus obsahujú aj umelecké efekty, ktoré sa občas môžu zísť, ale tie sú už platené. A ešte jedna skvelá aplikácia na minimalizáciu veľkosti výsledného súboru a to optimalizáciou kvality obrázka www.tinypng.com

Na záver ešte jedna dobrá rada. Nezabudnite si odložiť aj pôvodné neupravené verzie fotiek. Možno sú na web veľké, ale nikdy neviete, kedy sa vám zídu aj v tejto forme, keď ich budete chcieť použiť v tlači 🙂

Peter Balco

Najnovšia posila magnetického tímu. Ku grafike sa dostal postupne od kreslenia stavebných projektov, až po modelovanie v 3D programoch. Pracoval v novinách, kde neboli dostatočne využité jeho kreatívne schopnosti, a tak prešiel do architektonickej a reklamnej agentúry. Vďaka samoštúdiu získal veľa znalostí a skúseností nielen so samotnou grafikou, ktorej sa venuje naplno, ale aj programovacím jazykom používaných na tvorbu webu ako html, css, javascript a php. Keďže ako designer rozumie práci programátorov, je u nich veľmi obľúbený, lebo im nesťažuje prácu komplikovanými grafickými prvkami. Optimisticky naladený typ človeka, ktorý verí, že každý problém má riešenie a nič nie je nemožné.

Komentáre

    Pridať komentár

    * Nezabudnite na povinné pole.

    • Novinky

      Chcete byť informovaný o nových článkoch medzi prvými? Zaregistrujte sa a všetko podstatné nájdete v svojej emailovej schránke.

    • Kategorie