Obrázky mají tendenci učinit jakoukoli stránku poutavější, zvláště když jsou správně provedeny. Problém je v tom, že automatizace vytváření obrázku a jeho velikosti může být velmi obtížný úkol, zvláště když obrázek nahraje uživatel – kdo ví, jaký formát, velikost a rozlišení obrázek bude mít. Sakra, kdo ví, jestli vám v tomhle případě skutečně posílají obrázek (i když ověřit, že obrázek nahráli, není příliš obtížné).
Nedávno jsem se dozvěděl o smartcrop.js, skvělém nástroji JavaScriptu, který analyzuje obsah obrázku a najde ústřední bod (například obličej) jakéhokoli obrázku. Snadno se používá a odvádí vynikající práci na důležité části obrázku.
Podívejte se na několik obrázků, které jsem vložil do testovacího prostředí smartcrop.js:
Nebudu se obtěžovat ukazováním super jednoduché ukázky kódu – můžete si ji prohlédnout v repozitáři smartcrop.js. A určitě si pohrajte na testovacím lůžku. Rád uznávám vývojáře za jejich výkony a tohle je neuvěřitelná práce od Jonase Wagnera!