Jak oříznout obrázek na požadovanou velikost

Obrázek oříznete na požadovanou velikost ve dvou krocích: nejdřív ořezem nastavíte poměr stran, třeba 3 : 2, a potom změníte velikost obrazu na cílovou šířku v pixelech. Zvládnete to online v prohlížeči v editoru Photopea, bez instalace a bez registrace. V článku najdete postup krok za krokem, tabulku rozměrů obrázků pro e-mail a měření, jak velký soubor je ještě rozumný.

V kostce

1. Oříznutí odstraní okraje obrázku, změna velikosti zmenší celý obrázek. Na přesný rozměr potřebujete obojí.
2. Nejjednodušší pořadí je ořez na poměr stran a potom změna šířky. Výška se dopočítá sama a obrázek se nedeformuje.
3. Obrázky v jednom řádku e-mailu musí mít stejný poměr stran i šířku, jinak řádek nebude rovný.
4. Soubor připravte dvakrát širší, než je místo v e-mailu: tři obrázky vedle sebe v e-mailu širokém 650 px potřebují 400 px. Na displejích Retina pak zůstanou ostré.
5. Fotky ukládejte jako JPG s kvalitou 70 až 80 %. Kvalita 100 % dělá soubor šestkrát až sedmkrát větší.
6. WebP do e-mailu nepatří, Outlook pro Windows ho nezobrazí a Gmail ho převádí na JPG.

Stručně: co potřebujete, jakou velikost zvolit, jak dlouho to trvá a co hrozí

• Co potřebujete: obrázek v počítači a prohlížeč. Photopea funguje online bez instalace a bez registrace.
• Jakou velikost zvolit: šířku místa v e-mailu vynásobte dvěma, výšku určí poměr stran.
• Jak dlouho to trvá: jeden obrázek zhruba dvě minuty, celá řada obrázků do newsletteru do čtvrt hodiny.
• Co hrozí: nerovný řádek, zdeformované nebo rozmazané fotky a zbytečně velké soubory, které se dlouho načítají.

Co se změnilo od vydání článku: Článek vyšel v květnu 2021. V říjnu 2026 jsme ho aktualizovali podle současné verze Photopea (nová úvodní stránka, jazyk podle prohlížeče, okno Uložit pro web), přidali jsme rychlejší postup přes pevný poměr stran, tabulku rozměrů pro e-mail, doporučení dvojnásobné velikosti kvůli displejům Retina a vlastní měření velikosti souborů. Původně jsme doporučovali připravit obrázek přesně v zobrazované velikosti. Dnes doporučujeme dvojnásobek.

Proč obrázky ořezávat na stejnou velikost

Oříznutí obrázku je odstranění jeho okrajů tak, aby měl požadovaný poměr stran nebo rozměr, aniž by se zdeformoval. Změna velikosti je naproti tomu zmenšení nebo zvětšení celého obrázku, při kterém obsah zůstane celý. Na přesný rozměr v pixelech, třeba 450 × 300 px, potřebujete obvykle obojí.

Někdy budete mít štěstí a všechny obrázky budou stejnou velikost mít, pak nemusíte nic upravovat. V jiných případech je potřeba obrázek oříznout na požadovanou velikost. Typicky když chcete do jednoho řádku e-mailu dát tři obrázky vedle sebe. E-mail editor dá každému obrázku stejnou šířku, výšku ale nechá podle originálu. Fotka na výšku vedle fotky na šířku pak řádek rozhodí.

Poměr stran je poměr šířky obrázku k jeho výšce, například 3 : 2 znamená, že je obrázek o polovinu širší, než je vysoký. Když mají obrázky stejný poměr stran a stejnou šířku, mají automaticky i stejnou výšku. Na tom celý postup stojí.

Jakou velikost obrázku do e-mailu zvolit

Rozměr obrázku vychází ze šířky e-mailu a z nastavených okrajů. Výchozí šířka e-mailu v Quandě je 650 px a změníte ji pomocí ozubeného kolečka v pravém panelu e-mail editoru. Od šířky e-mailu odečtěte okraje stránky a mezery mezi sloupci (v základním nastavení 16 px) a výsledek vydělte počtem obrázků v řádku.

Příklad i celý postup níže počítáme pro e-mail rozšířený na 730 px, výpočet pro výchozích 650 px najdete v tabulce. U tří obrázků vedle sebe v e-mailu širokém 730 px tedy počítáte (730 − 4 × 16) / 3 = 222 px. Tolik místa bude mít každý obrázek.

Výpočet předpokládá okraje a mezery 16 px ze základního nastavení. Pokud jste je změnili, dosaďte své hodnoty. Podrobnosti popisuje návod Rozměr obrázku v e-mailové kampani.

Proč dvojnásobek a ne přesná velikost

Displej Retina je displej s vysokou hustotou pixelů, který na jeden bod obrazu používá dva nebo tři fyzické pixely. Obrázek široký přesně 222 px se na něm roztáhne na 444 pixelů displeje a vypadá měkce. Obrázek široký 450 px zůstane ostrý. E-mail editor ho do místa široké 222 px zmenší sám.

Že to není okrajová záležitost, ukazují data o tom, kde lidé e-maily otevírají. Podle Litmus připadlo v červenci 2026 na zařízení Apple 62,26 % ze zhruba miliardy zaznamenaných otevření, na Gmail 27,03 % a na Outlook 5,83 %. Číslo za Apple zahrnuje i automatická otevření funkce Mail Privacy Protection, takže skutečných čtenářů je méně. I tak tvoří iPhony a Macy s displejem Retina velkou část publika.

Jak oříznout obrázek na požadovanou velikost v 7 krocích

Postup ukážeme v editoru Photopea na fotce, kterou potřebujeme do řádku se třemi obrázky v e-mailu širokém 730 px, tedy na rozměr 450 × 300 px. Photopea je online editor obrázků, který od roku 2013 vyvíjí vývojář z Česka. Běží v prohlížeči a ovládá se podobně jako Photoshop. Základní verze je bez registrace a bez poplatku a zobrazuje reklamu.

1. Spočítejte cílový rozměr obrázku a z něj poměr stran, například 450 × 300 px a poměr 3 : 2.

2. Otevřete na adrese photopea.com editor Photopea a klikněte na Start using Photopea. Jazyk editoru se nastaví podle jazyka prohlížeče. Kdyby byl anglicky, přepnete ho v nabídce More, Language.

3. Klikněte na Otevřít z počítače a vyberte obrázek, který chcete oříznout. Obrázek můžete do okna editoru také přetáhnout myší.

4. V levém panelu zvolte nástroj Ořez, v horní liště nastavte Pevný poměr 3 : 2, posuňte ořezové okno na část, kterou chcete zachovat, a potvrďte klávesou Enter. Nástroj Ořez vyvoláte také klávesou C. Místo ručního zadání poměru můžete v rozbalovací nabídce vybrat předvolbu 3 : 2, 4 : 3, 1 : 1 nebo 16 : 9.

   

5. V nabídce Obraz, Velikost obrazu napište do pole Šířka 450 a potvrďte tlačítkem OK. Výška se dopočítá sama. Řetízek mezi šířkou a výškou musí zůstat zamčený, jinak by se obrázek zdeformoval.

   

6. V nabídce Soubor, Uložit jako, JPG nastavte kvalitu 70 až 80 %, zkontrolujte velikost souboru a klikněte na Uložit. Okno Uložit pro web ukazuje vlevo dole, jak velký soubor bude. Obrázek se uloží mezi stažené soubory v počítači.

   

7. Stejně upravte i ostatní obrázky do stejného řádku, vložte je do e-mail editoru a pošlete si testovací e-mail. Obrázek do e-mailu vložíte z počítače nebo pomocí adresy obrázku z vašeho webu, jak popisuje návod E-mail editor jednoduché e-mailové kampaně.

Vyzkoušejte si e-mail se třemi obrázky v Quandě

Jak oříznout obrázek na přesný rozměr, když už mají obrázky stejnou šířku

Když máte obrázky už zmenšené na stejnou šířku a liší se jen výškou, hodí se původní postup s pevnou velikostí ořezu. Já osobně postupuji tak, že v prvním kroku změním celkovou velikost obrázku a ve druhém kroku oříznu obrázek tak, abych pro všechny tři obrázky sjednotil jejich výšku.

1. Všem obrázkům nastavte v okně Velikost obrazu stejnou šířku, například 450 px, a u každého si poznamenejte výšku, která se dopočítá.
2. Nejmenší z výšek je cílová výška pro všechny. Obrázek s nejmenší výškou máte hotový.
3. Ostatní obrázky otevřete, zvolte nástroj Ořez a v horní liště místo Pevného poměru vyberte Pevná velikost. Do polí Š a V napište cílový rozměr, například 450 a 300.
4. Ořezové okno umístěte tak, aby jeho šířka kopírovala šířku obrázku, a posuňte ho na část, kterou chcete zachovat. Potvrďte klávesou Enter a obrázek uložte jako JPG.

Pevná velikost ořezu pracuje přímo v pixelech, proto musí být obrázek nejdřív zmenšený na cílovou šířku. U fotek s úplně jiným poměrem stran je rychlejší postup v sedmi krocích výše. Jak změnit velikost obrázku podrobněji, popisuje článek Jak změnit velikost obrázku online.

Jak velký má být soubor s obrázkem

Rozměr v pixelech a velikost souboru spolu souvisí, ale nejsou totéž. Velikost souboru ovlivňuje i kvalita komprese JPG. Abychom měli reálná čísla, změřili jsme v říjnu 2026 v Photopea jednu fotografii o rozměru 1920 × 1279 px. Fotku jsme uložili v různých šířkách a s různou kvalitou JPG.

Fotka zmenšená na šířku 450 px má desetinu velikosti originálu. Do e-mailu přitom nic víc nepotřebujete.

Mezi kvalitou 100 % a 90 % se soubor zmenší víc než čtyřikrát, mezi 100 % a 70 % více než sedmkrát. Rozdíl v kvalitě fotky je na displeji v e-mailu obvykle těžko postřehnutelný. Proto doporučujeme kvalitu 70 až 80 %. Pod 60 % se už u fotek s jemnými přechody, například oblohy, mohou objevit čtverečky.

Tip: V Quandě doporučujeme, aby žádný nahraný obrázek v kampani nebyl větší než 2 MB. Podle našeho měření se ale i obrázek přes celou šířku e-mailu vejde do zhruba 100 kB. Menší obrázky se příjemcům rychleji načtou, hlavně na mobilních datech.

Jaký formát obrázku zvolit

Podporu formátů v e-mailových klientech sleduje přehled Can I email. WebP podle něj zobrazí Apple Mail, Outlook pro Windows ho ale nezobrazí a Gmail ho převádí na JPG (stav k říjnu 2026). Podporu dalších formátů, například AVIF, SVG a HEIC, srovnává článek JPG, PNG nebo GIF? Jaký typ souboru obrázků použít pro e-mailing.

Čím ještě obrázek oříznout

Photopea není jediná možnost. Stejný postup, tedy ořez na poměr stran a změna šířky, zvládnou i nástroje, které už v počítači nebo v telefonu máte.

Pozor: Nejčastější chyby při úpravě obrázků do e-mailu jsou tři. Táhnete obrázek za roh bez zamčeného poměru stran a obrázek se zdeformuje. Vložíte fotku přímo z fotoaparátu o šířce několika tisíc pixelů a e-mail se dlouho načítá. Nebo schováte důležitý text jen do obrázku. Část příjemců má stahování obrázků vypnuté, typicky ve firemním Outlooku, a text v obrázku pak vůbec neuvidí.

Tip: Každému obrázku v Quandě vyplňte alternativní text. Po vložení obrázku do e-mailu ho zadáte v pravém menu do pole Název obrázku a můžete mu nastavit i vzhled, tedy písmo, velikost a barvu. Kdo má obrázky vypnuté, uvidí místo nich nastylovaný text. Postup s ukázkami popisuje článek Nevidíte obrázky v e-mailu? Stylovaný alt text ukáže nadpis.

Kontrolní seznam před vložením obrázků do e-mailu

• Obrázky v jednom řádku mají stejný poměr stran i šířku.
• Soubor je zhruba dvakrát širší než místo v e-mailu.
• Fotky jsou uložené jako JPG s kvalitou 70 až 80 %, loga a grafika jako PNG.
• Žádný soubor nemá víc než stovky kilobajtů, rozhodně ne přes 2 MB.
• Každý obrázek má vyplněný Název obrázku, tedy alternativní text.
• Důležité sdělení je i v textu e-mailu, ne jen v obrázku.
• Testovací e-mail jsem si prohlédl na počítači i na mobilu.

Závěrem: ořez obrázku za dvě minuty

Oříznout obrázek na požadovanou velikost je otázka dvou minut: ořez na poměr stran, změna šířky a uložení s rozumnou kvalitou. Zbytek je jen spočítat, kolik místa obrázek v e-mailu má, a připravit ho dvakrát větší.

Jak s obrázky pracovat v celém e-mailu, odkud je brát a jak je zkombinovat s textem, vás provede online kurz zdarma Copywriting a design e-mailů, které se čtou. Pokud si s obrázky nebo celou kampaní nevíte rady, domluvte si konzultaci zdarma nebo nám napište na support@onquanda.com.

Držím vám palce!