---
title: "Fotogalerie"
articleId: "photogallery"
lastEdited: "2026-06-09 07:20 UTC"
canonical: https://podpora.shoptet.cz/fotogalerie/
breadcrumb: "Shoptet Podpora / Produkty / Prezentace produktů"
language: cs
sections:
  - { title: "Fotogalerie", level: 2, url: "https://podpora.shoptet.cz/fotogalerie/#fotogalerie" }
  - { title: "Obrázek varianty produktu", level: 4, url: "https://podpora.shoptet.cz/fotogalerie/#obrazek-varianty-produktu" }
  - { title: "Technické specifikace", level: 2, url: "https://podpora.shoptet.cz/fotogalerie/#technicke-specifikace" }
  - { title: "Zobrazování obrázků", level: 3, url: "https://podpora.shoptet.cz/fotogalerie/#zobrazovani-obrazku" }
  - { title: "URL adresy výřezů produktových obrázků", level: 3, url: "https://podpora.shoptet.cz/fotogalerie/#url-adresy-vyrezu-produktovych-obrazku" }
---

# Fotogalerie

V článku najdete informace o nahrávání fotografií do fotogalerie produktu a technické specifikace produktových fotografií.

O obrázcích v carouselu a bannerech se dočtete v článku [Rozměry bannerů, loga a záhlaví na šablonách](https://podpora.shoptet.cz/rozmery-banneru-loga-a-zahlavi-na-sablonach/). Informace o otáčivých fotografiích najdete v článku [360° fotografie](https://podpora.shoptet.cz/360-fotografie/).

## Fotogalerie

Sekci **Fotogalerii** naleznete v umístění **Produkty → Přehled** v detailu produktu na záložce **Hlavní údaje**. Obrázek produktu přidáte tlačítkem **Nahrát** (obrázek 01).

![Obrázek 01](https://res.cloudinary.com/shoptet/image/upload/podpora/contents/cz/8239526395794-01-fotogalerie.png)

Po nahrání se pod náhledovou fotkou objeví čtyři ikonky. Obrázek můžete smazat, zobrazit původní obrázek, nebo mu změnit pořadí.

Pomocí ikonky s vodorovnými čarami upravujete popisek obrázku produktu. V HTML se jedná o značku `alt`, tedy alternativní popisek obrázku. Správný a věcný popisek napomáhá SEO.

#### Obrázek varianty produktu

Fotky, které chcete přidat k variantám vašeho produktu, nahrajte na e-shop tak, jak je uvedeno výše. Více informací naleznete v článku [Přiřazení obrázků k variantám](https://podpora.shoptet.cz/prirazeni-obrazku-k-variantam/).

## Technické specifikace

Doporučená minimální šířka obrázku na všech šablonách je 1024 px. Výšku zvolte podle toho, jaký poměr stran obrázků chcete v šabloně použít. Dostupné poměry jsou nyní 4:3, 2:3, 1:1 a 3:4. Nastavení provedete v **Nastavení → Produkty → Zobrazení**. Výchozí poměr obrázku na všech šablonách je 4:3.

Doporučené rozměry pro jednotlivé poměry stran:

* 4:3 → 1364 x 1024 px,
* 2:3 → 1024 x 1536 px,
* 1:1 → 1024 x 1024 px,
* 3:4 → 1024 x 1364 px.

Jiný poměr stran obrázků není možné zvolit na starších šablonách Pop, Rock, Soul a Echo. Zde je doporučená velikost obrázků vždy 1024 x 768 px.

**Maximální velikost souboru obrázku jsou 2 MB. Povolené formáty pro nahrání obrázku jsou JPG, PNG, GIF a WebP.**

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.

### Zobrazování obrázků

Nahrané **obrázky jsou při zobrazení koncovému uživateli převáděny do formátu WebP**, vyjma případů uvedených níže. Konverze do WebP probíhá nejen u produktových fotografií, ale u všech obrázků, které jsou umístěny na našem CDN serveru, tzn. jejich URL začíná `https://cdn.myshoptet.com/usr/<domena_e-shopu>/user/`. Jedná se tak prakticky o všechny obrázky, které do e-shopu nahrajete, tedy nejen produktových fotografií, ale např. i bannerů, log, obrázků v článcích apod.

Konverze do WebP probíhá automaticky z nahraných souborů. Ty je k produktům třeba nahrávat podle [technických specifikací](https://podpora.shoptet.cz/fotogalerie/#technicke-specifikace) uvedených v předchozí sekci. Nahrání obrázků přímo ve formátu WebP v současnosti není možné. Po konverzi zůstává přípona u názvu souboru stále stejná, tedy např. `obrazek.jpg` bude zobrazen ve formátu WebP, ale přípona bude stále `.jpg`.

Ke konverzi do WebP **nedochází** v následujících případech (pravidla jsou platná nejen pro produktové obrázky):

* prohlížeč uživatele nepodporuje formát WebP
* obrázek má příponu `.gif`, `.ico`, nebo `.svg`
* soubor má příponu video formátu `.mp4`, `.mkv` nebo `.avi`
* název souboru začíná na `APNG` a má příponu `.png` – toto pravidlo slouží pro správné zobrazení animovaných PNG (formát APNG)
* rozlišení obrázku je větší jak 75 Mpx
* konverze obrázku do WebP není z neočekávaných důvodů možná

### URL adresy výřezů produktových obrázků

U výřezů produktových obrázků používáme **novou strukturu URL adres**. Původně URL obsahovala pouze cestu k obrázku a krátký parametr za otazníkem:

`https://cdn.myshoptet.com/usr/www.domena-eshopu.cz/user/shop/big/165_165-batmanuv-hrnek.jpg?59393c3a`

Nová URL adresa obsahuje **query parametry**, které určují požadovaný výřez a jeho zpracování, například rozměry `x` a `y`, kvalitu `q`, časovou značku `ts` a podpis `sg`:

`https://cdn.myshoptet.com/usr/www.domena-eshopu.cz/user/shop/big/165_165-batmanuv-hrnek.jpg?ff=1&x=1024&y=768&q=85&r=1&ts=59393c3a&sg=df3f0411`

URL adresa obsahuje **bezpečnostní podpis** (parametr `sg`), který ověřuje, že rozměry a další parametry vytvořil Shoptet. Pokud se parametry v URL změní, podpis už nebude sedět, proto si takto nelze vytvořit vlastní výřez. Nové řešení zároveň **neurčuje výsledný výřez podle použité cesty v URL**, jako je `big`, `related` apod., ale podle query parametrů.

> **Info**
>
> **Změna se týká všech produktových obrázků.** Pokud e-shop nijak neupravuje cesty k obrázkům například v HTML editoru, vlastním JavaScriptem nebo řešením od partnera, neměla by mít změna na zobrazení obrázků žádný dopad. Kontrolu doporučujeme hlavně u vlastních úprav, které pracují s URL adresami obrázků.

**Původní řešení je zatím podporované.** Pokud potřebujete použít původní chování, ponechte v query parametrech pouze `ts`, například:

`https://cdn.myshoptet.com/usr/www.domena-eshopu.cz/user/shop/big/165_165-batmanuv-hrnek.jpg?ts=59393c3a`