Rady a tipy
Jak fotit produkty na e-shop: rozměry i praxe na Shoptetu
Produktové fotky na e-shopu plní dvě role: nahrazují možnost zboží osahat a drží vizuální konzistenci obchodu. Shoptet doporučuje minimální šířku 1024 px; větší obrázky zmenší bez ořezu a menší doplní bílou barvou. Proto je důležité držet jednotný poměr stran v celé sadě.
U rozsáhlého katalogu se jedna slabší fotka spíš ztratí. U e-shopu s dvaceti produkty je to naopak dvacetina veškerého dojmu, který na zákazníka uděláte. Tenhle článek je o tom, jak sadu nafotit tak, aby držela pohromadě – a jaké technické parametry u toho hlídat.
Proč u malé nabídky rozhoduje každá fotka?
Zákazník malého e-shopu se nerozhoduje mezi padesáti variantami. Rozhoduje se, jestli vám věří. A protože nemá k dispozici recenze od tisíců lidí ani známou značku, posuzuje to podle toho, co vidí.
Sada dvaceti fotek pořízených ve stejném světle, na stejném pozadí a se stejným ořezem působí jako promyšlená kolekce. Stejných dvacet produktů vyfocených pokaždé jinak působí jako sklad. Rozdíl přitom není v technice ani v rozpočtu, ale v tom, že se fotí najednou a podle jednoho zadání.
Souvisí to i s celkovým dojmem z rozvržení – tomu jsme se věnovali v článku jednoduchý e-shop na Shoptetu nemusí vypadat prázdně. Fotky jsou ta část, kterou ovlivníte bez ohledu na zvolenou šablonu; jak vybírat samotnou šablonu, rozebíráme v článku Shoptet šablony: jak vybrat podle počtu produktů.
Jaké rozměry fotek Shoptet doporučuje?
Podle dokumentace Shoptetu jsou doporučené rozměry navázané na poměr stran:
| Poměr stran | Doporučený rozměr |
| 4:3 | 1364 × 1024 px |
| 2:3 | 1024 × 1536 px |
| 1:1 | 1024 × 1024 px |
| 3:4 | 1024 × 1364 px |
Minimální šířka je obecně 1024 px. K tomu platí technické mantinely, které Shoptet uvádí v přehledu rozměrů: maximální velikost souboru jsou 2 MB a podporované formáty jsou JPG, PNG, GIF a SVG.
Dobrá zpráva pro rychlost načítání: obrázky se při zobrazení převádějí do formátu WebP. Konverze se podle dokumentace neprovádí, pokud prohlížeč WebP nepodporuje, jde o soubor s příponou .gif, .ico nebo .svg, nebo obrázek překročí 75 Mpx.
Co se stane s fotkou, která rozměry nesplní?
Tohle je nejdůležitější odstavec celého článku, protože vysvětluje jev, který většina lidí vidí, ale neumí si ho zdůvodnit. Dokumentace uvádí:
„Obrázky, které přesáhnou doporučené rozměry, systém automaticky zmenší tak, aby svými rozměry odpovídaly doporučeným rozměrům. Obrázky se neoříznou a nezploští. V případě menších obrázků je chybějící prostor vyplněn bílou barvou."
Z toho plynou dvě praktické věci:
- Větší fotky systém zmenší a podle dokumentace je neořízne ani nezploští. Nahrávat zbytečně velké soubory ale nemá smysl – narazíte na limit 2 MB.
- Menší fotky dostanou bílé okraje. A tady vzniká ta nekonzistence: pokud má část sady jiný poměr stran, produkty se v mřížce zobrazí v různých velikostech s bílým prostorem okolo. Katalog pak působí rozhozeně, i když je každá fotka sama o sobě dobrá.
Závěr je jednoduchý: vyberte si jeden poměr stran a držte ho u všech produktů. Který si vyberete, je méně důležité než to, že bude všude stejný.
Jak nafotit sadu, která drží pohromadě?
Nepotřebujete ateliér. Potřebujete zadání, které dodržíte u každého kusu:
- Jedno pozadí. Bílé je nejbezpečnější, protože navazuje na bílé doplnění okrajů. Barevné funguje taky, ale pak musí být opravdu u všech fotek stejné.
- Jedno světlo. Nejjednodušší je denní světlo od okna bez přímého slunce. Klíčové je fotit celou sadu v jeden čas – světlo se během dne mění.
- Jeden odstup a velikost produktu v záběru. Když jeden produkt vyplňuje snímek ze tří čtvrtin a druhý z poloviny, v mřížce to působí náhodně.
- Jeden poměr stran. Viz výše – tohle je technicky nejdůležitější bod.
- Stejné pořadí záběrů. Pokud má první fotka ukazovat celý produkt a druhá detail, ať to platí u všech.
U malé nabídky se vyplatí nafotit všechno v jednom bloku. Dofocení jednoho produktu za měsíc je nejrychlejší způsob, jak si konzistenci rozbít.
Jaké záběry u produktu mít?
Konkrétní limit počtu fotek dokumentace Shoptetu neuvádí, takže rozhoduje hlavně užitečnost. U menší nabídky se osvědčuje mít u každého produktu stejnou skladbu záběrů – zákazník se pak orientuje rychleji, protože ví, co kde najde:
- Celek na neutrálním pozadí. Vždy jako první fotka, protože právě ta se objeví ve výpisu kategorie.
- Detail materiálu nebo zpracování. Nahrazuje to, co by si zákazník v kamenné prodejně osahal.
- Měřítko. Produkt v ruce nebo vedle běžného předmětu. Pomáhá předejít situaci, kdy si zákazník velikost představoval jinak.
- Produkt v použití, pokud to dává smysl. U dekorací, oblečení nebo kosmetiky rozhoduje často víc než studiový záběr.
- Balení, pokud je součástí hodnoty – typicky u dárkového zboží.
Nemusíte mít všech pět u každého kusu. Podstatné je rozhodnout se jednou a držet to napříč katalogem, aby druhá fotka znamenala u všech produktů totéž.
Fotky se navíc vyplatí projít po každé změně vzhledu e-shopu – nová šablona může zobrazovat produktovou dlaždici v jiném poměru. Co všechno po přepnutí zkontrolovat, shrnujeme v článku změna šablony na Shoptetu.
Co ještě vyplnit přímo v galerii na Shoptetu?
Po nahrání se podle dokumentace pod náhledovou fotkou objeví čtyři ikonky. Obrázek můžete smazat, zobrazit původní, změnit mu pořadí – a upravit alt text.
Alt text je popis obrázku pro čtečky obrazovky a vyhledávače. U produktových fotek stačí věcně popsat, co je na snímku, včetně názvu produktu a varianty; nemá to být místo na klíčová slova. Je to drobnost, kterou u malého katalogu zvládnete projít celou.
Pořadí obrázků stojí za rozmyšlení: první fotka je ta, kterou zákazník vidí ve výpisu kategorie. Měla by u všech produktů ukazovat totéž – celý produkt, ne detail.
Co je u fotek jinak na mobilu?
Na telefonu bývá fotka to první, co zákazník na detailu produktu uvidí, a často jediné, co se vejde na obrazovku bez rolování – konkrétní podoba se ale liší podle šablony a zařízení. Prohlíží se prstem a mezi snímky se rychle přepíná, takže vedle rozlišení hraje roli i to, jak se galerie ovládá.
Naše šablona Sniper ONE pro Shoptet má produktovou galerii ovládanou gesty na mobilu právě proto: u menší nabídky je prohlížení fotek podstatná část rozhodování, ne doplněk. Jak to funguje, si můžete projít na ukázkovém e-shopu – ideálně rovnou na telefonu.
Čím začít?
Když řešíte, jak fotit produkty na e-shop, začněte tím, že si otevřete výpis kategorie a podíváte se na produkty jako na sadu, ne jednotlivě. Pokud některé dlaždice působí menší nebo s bílým prostorem okolo, máte v katalogu různé poměry stran – a to je první věc k opravě. Teprve pak řešte světlo, pozadí a detaily.
Prodáváte menší sortiment, kde fotky nesou hlavní tíhu rozhodování? Podívejte se na šablonu Sniper ONE – má produktovou galerii ovládanou gesty na mobilu, instaluje se z katalogu doplňků Shoptetu a stojí 4 490 Kč jednorázově bez měsíčních poplatků. Na první instalaci ji můžete 30 dní vyzkoušet zdarma.
