Do e-mailu použijte JPG pro fotky, PNG pro loga, grafiku s textem a průhledné pozadí a GIF pro jednoduché animace. Tyto tři formáty zobrazí všechny běžné e-mailové klienty. Moderní WebP a AVIF ani vektorové SVG a formát HEIC z iPhonu plošně podporované nejsou: klasický Outlook pro Windows je zobrazí jen v některých verzích nebo vůbec a Gmail je převádí na jiný formát.
V kostce
- JPG, PNG a GIF zobrazí podle přehledu Can I email všechny běžné e-mailové klienty, od Gmailu přes Apple Mail po Outlook pro Windows.
- Fotky ukládejte jako JPG. Jako PNG byla v našem měření stejná fotka 8,3krát větší.
- Loga, grafiku s textem a obrázky s průhledným pozadím ukládejte jako PNG, zůstanou ostré.
- GIF používejte jen na jednoduché animace. Outlook pro Windows je nepřehraje, hlavní sdělení dejte do prvního snímku.
- WebP, AVIF, SVG a HEIC do e-mailu nepatří. Outlook pro Windows je zobrazí jen v některých verzích nebo vůbec a Gmail je převádí na JPG nebo PNG.
- WebP a AVIF jsou sice menší, ale úspora nestojí za to, že část příjemců obrázek neuvidí.
Stručně: co použít, čemu se vyhnout, kde to ověřit a co hrozí
- Co použít: JPG na fotky, PNG na loga a grafiku, GIF na animace.
- Čemu se vyhnout: WebP, AVIF, SVG, HEIC, BMP a TIFF.
- Kde to ověřit: v přehledu Can I email, který podporu formátů v e-mailových klientech pravidelně testuje.
- Co hrozí: prázdné místo místo obrázku v Outlooku, převedený obrázek v Gmailu a zbytečně velké soubory.
Jaké formáty obrázků e-mailové klienty podporují
Formát obrázku je způsob, jakým je obrázek uložený v souboru, a pozná se podle přípony, například .jpg nebo .png. Na webu dnes prohlížeče zobrazí skoro jakýkoli formát. E-mailové klienty jsou ale mnohem konzervativnější, hlavně klasický Outlook pro Windows, který e-maily vykresluje jinak než prohlížeč.
Podporu formátů v e-mailových klientech testuje přehled Can I email. Takhle vypadá stav k říjnu 2026:
| Formát | Apple Mail | Gmail | Outlook pro Windows | Outlook.com | Do e-mailu |
|---|---|---|---|---|---|
| JPG | ano | ano | ano | ano | ano, na fotky |
| PNG | ano | ano | ano | ano | ano, na loga a grafiku |
| GIF | ano | ano | ano, animaci nepřehraje | ano | ano, na jednoduché animace |
| WebP | ano | převede na JPG | ne | podle prohlížeče | ne |
| AVIF | od macOS 13.3 a iOS 16.4 | převede na JPG | ne | podle prohlížeče | ne |
| SVG jako soubor | ano | převede na PNG | ne ve verzích 2007 až 2016 | ano | ne |
| SVG vložené do HTML | částečně | ne | ne | ne | ne |
| HEIC | ano | převede na JPG | ne | ne | ne |
Zdroj: přehled Can I email, stav k říjnu 2026. Outlook pro Windows znamená klasický Outlook ve verzích 2007 až 2019, Gmail jeho webovou verzi i aplikace pro iOS a Android. Jednotlivé formáty se testovaly v různých letech, SVG naposledy v září 2026.
Pozor: WebP, AVIF, SVG ani HEIC nejsou v e-mailu plošně podporované. Že se obrázek zobrazí vám v Apple Mailu, neznamená, že ho uvidí i příjemce s Outlookem pro Windows. Ten místo obrázku uvidí prázdné místo.
Kdy použít JPG, kdy PNG a kdy GIF
JPG je formát se ztrátovou kompresí, který při uložení zahodí detaily, jež oko nepostřehne, a fotky proto ukládá do malých souborů. Hodí se na fotky a obrázky s plynulými přechody barev. Nepodporuje průhlednost a ostré hrany písma při silnější kompresi rozmaže.
PNG je formát s bezeztrátovou kompresí, který uloží každý pixel přesně. Hodí se na loga, ikony, grafiku s textem, snímky obrazovky a obrázky s průhledným pozadím. U fotek dělá zbytečně velké soubory.
GIF je formát s paletou nejvýš 256 barev, který umí i jednoduché animace. Do e-mailu se hodí na krátké animace, třeba odpočet nebo přepínání produktů. Fotky v něm působí zrnitě a soubory bývají velké.
| Co vkládáte | Formát | Proč |
|---|---|---|
| Fotka produktu, lidí, prostředí | JPG | Nejmenší soubor při dobré kvalitě |
| Logo, ikona | PNG | Ostré hrany a průhledné pozadí |
| Snímek obrazovky, grafika s textem | PNG | Písmo zůstane čitelné |
| Krátká animace | GIF | Jediný animovaný formát, který zobrazí Gmail i Outlook |
| Fotka z iPhonu ve formátu HEIC | převést na JPG | HEIC Outlook pro Windows nezobrazí |
Jak velký soubor má stejný obrázek v JPG, PNG, GIF a WebP
Abychom měli reálná čísla, uložili jsme v říjnu 2026 v editoru Photopea stejné dva obrázky ve všech formátech. Oba měly šířku 1240 px, tedy dvojnásobek místa přes celou šířku e-mailu. U JPG, WebP a AVIF jsme použili kvalitu 80 %.
| Formát | Velikost souboru |
|---|---|
| JPG 80 % |
242,9 kB
|
| WebP 80 % |
207,7 kB
|
| AVIF 80 % |
223,2 kB
|
| GIF |
887,8 kB
|
| PNG |
2 021,2 kB
|
U fotky vychází JPG výborně. PNG je 8,3krát větší a GIF 3,7krát větší a navíc má jen 256 barev. WebP ušetří proti JPG zhruba 15 % a AVIF 8 %, ani jeden ale do e-mailu nepatří.
| Formát | Velikost souboru |
|---|---|
| PNG |
98,8 kB
|
| JPG 80 % |
57,5 kB
|
| GIF |
50,6 kB
|
| WebP 80 % |
27,0 kB
|
| AVIF 80 % |
31,9 kB
|
U grafiky je PNG největší, a přesto je to správná volba. JPG by hrany písma a tlačítek rozmazal a GIF zvládne jen 256 barev, takže u přechodů a stínů vznikají pruhy. Snímek obrazovky jako PNG s necelými 100 kB je pro e-mail v pořádku.
Formát zvolíte v Photopea v nabídce Soubor, Uložit jako, kde vyberete JPG, PNG nebo GIF. V okně Uložit pro web ho můžete ještě přepnout v poli Formát a vlevo dole hned uvidíte, jak velký soubor bude. Jak obrázek předtím zmenšit, popisuje článek Jak změnit velikost obrázku online.
Animovaný GIF v e-mailu: na co si dát pozor
Animovaný GIF je jediný způsob, jak dostat pohyb do e-mailu tak, aby ho zobrazil Gmail, Apple Mail i Outlook.com. Výjimkou je klasický Outlook pro Windows ve verzích 2007 až 2019, který animace nepřehrává. S účtem Microsoft 365 animaci přehraje třikrát, pak ji zastaví a nabídne tlačítko pro opětovné přehrání.
- Hlavní sdělení a výzvu k akci dejte do prvního snímku, aby obstály i bez animace.
- Animaci držte krátkou a s málo snímky, s každým snímkem soubor roste.
- Fotky do animace nedávejte, v 256 barvách působí zrnitě.
- Důležitý text pište i do e-mailu, ne jen do animace.
Proč do e-mailu nepatří SVG, WebP, AVIF a HEIC
SVG je vektorový formát, který obrázek popisuje tvary místo pixelů, takže je ostrý v jakékoli velikosti. Na webu je ideální pro loga. V e-mailu ale podle přehledu Can I email Gmail SVG soubor převede na PNG, klasický Outlook pro Windows ve verzích 2007 až 2016 ho nezobrazí a SVG vložené přímo do HTML e-mailu nezobrazí Gmail ani žádný Outlook. Logo proto do e-mailu uložte jako PNG ve dvojnásobné velikosti.
WebP a AVIF jsou moderní formáty s účinnější kompresí, se kterými jsou soubory menší než JPG. Apple Mail je zobrazí, Gmail je ale převádí na JPG a Outlook pro Windows je nezobrazí. Úspora v řádu desítek procent nestojí za riziko, že část příjemců obrázek vůbec neuvidí.
HEIC je formát, do kterého ukládají fotky iPhony. Podle Apple nabízí lepší kompresi než JPG při zachování kvality. V e-mailu ho ale nezobrazí Outlook pro Windows ani Outlook.com a Gmail ho převádí na JPG. Fotky z iPhonu proto před vložením do e-mailu uložte jako JPG nebo v iPhonu zvolte v Nastavení, Fotoaparát, Formáty možnost Nejkompatibilnější.
BMP a TIFF do e-mailu také nepatří. Soubory jsou velké a podle přehledu Can I email zobrazuje Gmail BMP s chybnými barvami a TIFF nezobrazí Outlook pro Windows ani Outlook.com.
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. Kdo má obrázky vypnuté, uvidí místo nich text. Postup popisuje článek Nevidíte obrázky? Nevadí. Přečtěte si nadpis.
Kontrolní seznam formátu obrázků v e-mailu
- Fotky jsou uložené jako JPG s kvalitou 70 až 80 %.
- Loga, ikony a grafika s textem jsou uložené jako PNG.
- Animace je GIF a hlavní sdělení je v prvním snímku.
- V e-mailu není žádný obrázek WebP, AVIF, SVG, HEIC, BMP ani TIFF.
- Fotky z iPhonu jsou převedené z HEIC na JPG.
- Každý obrázek má vyplněný alternativní text.
- Testovací e-mail jsem si prohlédl v Outlooku i v Gmailu.
Závěrem: tři formáty stačí
Do e-mailu vystačíte se třemi formáty: JPG na fotky, PNG na loga a grafiku a GIF na animace. Ty zobrazí všechny běžné e-mailové klienty. Novější formáty jako WebP a AVIF mají menší soubory, ale dokud je nezobrazí Outlook pro Windows a Gmail je převádí, do e-mailu nepatří. Jak obrázky připravit na správný rozměr, popisují články Jak změnit velikost obrázku online a Jak oříznout obrázek na požadovanou velikost.
Jak s obrázky pracovat v celém e-mailu, 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!
