Produktová fotka s průhledným pozadím vypadá čistě a hodí se skoro na jakoukoli podkladovou barvu v šabloně e-shopu. Jenže právě průhlednost dělá z takového souboru jeden z nejobjemnějších typů obrázků na webu. Optimalizace PNG obrázků, jakou nabízí třeba tento nástroj, proto u e-shopů s produktovými fotkami řeší problém, který se u běžných fotografií v JPEG téměř neobjevuje.
Proč jsou průhledné PNG fotky na e-shopu tak velké
Formát PNG ukládá obrázek bezeztrátově, což znamená, že nedochází k žádné ztrátě detailů, ale zároveň to vede k výrazně větším souborům než u JPEG. U produktové fotky navíc přibývá alfa kanál, tedy informace o průhlednosti pro každý pixel, který obrázek dál zvětšuje. Takže zatímco třeba fotografie na bílém pozadí ve formátu JPEG zabere řádově desítky kilobajtů, stejný produkt s vystřiženým pozadím ve formátu PNG snadno naroste na několik set kilobajtů.
E-shop s katalogem čítajícím stovky nebo tisíce produktů, kde má každá položka i víc fotografií z různých úhlů, tak rychle nastřádá obrovský objem dat. Rozdíl se projeví na rychlosti načítání kategorií i detailu produktu, kde se najednou zobrazuje víc obrázků současně.
Situaci ještě zhoršuje způsob, jakým fotografové a grafici s průhledným pozadím pracují. Vystřižení produktu z fotky vyžaduje zachovat jemné okraje kolem předmětu, třeba záhyby látky nebo chlupatý povrch, a právě tyto detaily se ukládají jako postupné přechody v alfa kanálu. Čím jemnější přechod, tím víc dat musí soubor obsahovat, aby okraj nevypadal zubatě.
Kdy se průhledné pozadí na e-shopu vůbec hodí
Ne každý prodejní kanál průhledné pozadí akceptuje, a to je věc, kterou e-shopy často přehlédnou. Zbožové srovnávače mají na obrázky vlastní pravidla a některé transparentní pozadí přímo zakazují, protože chtějí jednotný vzhled v celém výpisu produktů.
Na vlastním webu e-shopu naproti tomu průhlednost dává smysl, produkt se přizpůsobí barvě karty i tématu šablony bez viditelného rámečku kolem fotky. Rozumná strategie proto počítá s víc verzemi stejné fotky, průhlednou pro vlastní web a bílou nebo jednobarevnou pro kanály, které transparentní pozadí nepřijímají.
Co s formátem PNG dělá výběr systému, na kterém e-shop běží
Některé redakční systémy a platformy pro e-shopy zpracovávají nahrané PNG soubory po svém, a výsledek se nemusí shodovat s tím, co prodejce očekával. Ne vždy navíc systém zachová plnou průhlednost tak, jak ji prodejce nahrál, některé platformy automaticky doplní pozadí podle nastavení šablony. Tuto vlastnost tudíž stojí za to ověřit ještě před hromadným nahráním celého katalogu, aby se prodejce vyhnul opravám stovek fotek zpětně.
Podobný problém nastává i při přechodu na jiný e-shopový systém nebo šablonu. Katalog fotek připravený pro jedno zobrazení produktové karty nemusí sedět na jinou barvu pozadí nebo jiný způsob zarovnání, takže se stejná otázka průhlednosti vrací i u zavedeného e-shopu, který jen mění vzhled.
Jak zmenšit PNG produktové fotky bez ztráty průhlednosti
Komprese PNG souboru se dá provést, aniž by se alfa kanál jakkoliv poškodil. Redukce barevné palety a odstranění zbytečných metadat zmenší velikost souboru, zatímco průhledné okraje kolem produktu zůstanou beze změny. U produktové fotografie s jednodušší barevnou skladbou bývá úspora obzvlášť výrazná, protože obrázek většinou obsahuje jeden hlavní objekt na prázdné ploše.
Vhodný nástroj navíc zvládne zpracovat celý katalog najednou, ne jen jednu fotku po druhé. To je zásadní rozdíl oproti ruční úpravě v grafickém editoru, kde by procházení stovek souborů zabralo hodiny práce, které by se daly věnovat jinde. Hromadné zpracování tak šetří čas hlavně u e-shopů, kde přibývají nové produkty pravidelně a fotky je potřeba optimalizovat průběžně.
Pro hromadné zmenšení celého katalogu produktových PNG fotek bez ztráty průhlednosti slouží třebat tento optimalizátor obrázků, který zpracuje soubory přímo v prohlížeči bez nutnosti cokoli instalovat.
Menší katalog fotek rovná se rychlejší e-shop
Průhledné pozadí u produktových fotek vypadá čistě a uceleně, ale bez komprese zbytečně zatěžuje celý e-shop. Optimalizace PNG obrázků zmenší velikost souborů, aniž by se alfa kanál nebo kvalita samotného produktu jakkoliv poškodily. Projděte si proto svůj katalog a zmenšete fotky před nahráním. Získáte tak rychlejší kategorie i detaily produktu, aniž byste museli měnit vizuální styl svého e-shopu.
Stejný krok se vyplatí zopakovat i při každém dalším rozšíření katalogu, ne jen jednou při spuštění e-shopu. Nové produkty totiž časem přinesou stejný problém s velikostí souborů znovu, pokud se optimalizace nestane pravidelnou součástí přípravy fotek před nahráním.
