Velikosti obrázků pro web, e-mail a sociální sítě
Přehledná tabulka rozměrů v pixelech a poměrů stran pro webové stránky, náhledy odkazů, e-mail a všechny velké sociální sítě.
Nahrát obrázek ve špatné velikosti znamená buď rozmazaný výsledek, oříznutý motiv, nebo pomalu se načítající stránku. Tento přehled shrnuje rozměry, které fungují v roce 2026, včetně vysvětlení, abyste se mohli rozumně rozhodnout, až platforma změní pravidla.
Dvě zásady
Přizpůsobte se velikosti zobrazení a počítejte s obrazovkami s vysokou hustotou. Většina telefonů a notebooků dnes má obrazovky se dvěma nebo třemi fyzickými pixely na jeden pixel CSS. Obrázek zobrazený v šířce 600 pixelů CSS by měl mít šířku 1 200 pixelů, aby vypadal ostře. Víc než 2× jen zvětšuje soubor bez viditelného přínosu.
Nejdřív správný poměr stran, pak počet pixelů. Platformy automaticky ořezávají na svůj preferovaný poměr a automatické ořezy uřezávají hlavy a loga. Ořízněte obrázek na požadovaný poměr sami nástrojem pro oříznutí a pak změňte velikost nástrojem pro změnu velikosti.
Obrázky na webu
| Použití | Šířka | Poměr | Cílová velikost souboru |
|---|---|---|---|
| Úvodní obrázek přes celou šířku | 1 920 px (2 560 pro velmi velké obrazovky) | 16:9 nebo 21:9 | Pod 300 KB jako WebP |
| Obrázek v obsahu / blogu | 1 200 až 1 600 px | 3:2 nebo 16:9 | Pod 150 KB |
| Karta nebo náhled v mřížce | 600 až 800 px | Jednotný v celé mřížce | Pod 60 KB |
| Produktový obrázek | 1 200 až 2 000 px | 1:1 nebo 4:5 | Pod 200 KB; větší kvůli přiblížení |
| Logo (rastrové) | 2× velikost zobrazení | Podle návrhu | PNG nebo SVG |
| Open Graph / náhled odkazu | 1 200 × 630 px | 1,91:1 | Pod 300 KB, JPG nebo PNG |
| Favikona | 16, 32, 48, 64 px v jednom souboru .ico | 1:1 | Malinká |
| Apple touch icon | 180 × 180 px | 1:1 | PNG |
E-mailové klienty vykreslují zprávu v pevné šířce, obvykle 600 až 640 pixelů pro tělo zprávy. Dodávejte obrázky v šířce 1 200 px (2× pro displeje retina) a celkovou velikost zprávy držte pod zhruba 1 MB; těžší e-maily Gmail zkracuje a na telefonu se otevírají pomalu. Používejte JPG nebo PNG; podpora WebP v e-mailových klientech je stále nejednotná. Pro jednoduchou animaci se hodí GIF.
Sociální sítě
| Platforma | Umístění | Velikost | Poměr |
|---|---|---|---|
| Feed, na výšku (nejlepší dosah) | 1 080 × 1 350 | 4:5 | |
| Feed, čtverec | 1 080 × 1 080 | 1:1 | |
| Stories / obálka Reels | 1 080 × 1 920 | 9:16 | |
| Profilová fotka | 320 × 320 (zobrazuje se v kruhu) | 1:1 | |
| Obrázek ve feedu | 1 200 × 630 nebo 1 080 × 1 350 | 1,91:1 nebo 4:5 | |
| Titulní obrázek stránky | 1 640 × 856 | Na počítači se zobrazuje 820 × 312 | |
| Obrázek v příspěvku | 1 200 × 627 | 1,91:1 | |
| Banner firmy | 1 128 × 191 | zhruba 5,9:1 | |
| X (Twitter) | Obrázek v příspěvku | 1 600 × 900 | 16:9 |
| X (Twitter) | Záhlaví | 1 500 × 500 | 3:1 |
| YouTube | Miniatura | 1 280 × 720 | 16:9, pod 2 MB |
| YouTube | Banner kanálu | 2 560 × 1 440 (bezpečná oblast 1 546 × 423) | 16:9 |
| TikTok | Obálka videa | 1 080 × 1 920 | 9:16 |
| Pin | 1 000 × 1 500 | 2:3 | |
| WhatsApp / Telegram | Profilová fotka | 640 × 640 | 1:1 |
Každá sociální síť nahrané obrázky znovu komprimuje, obvykle do JPG v kvalitě kolem 75 až 80. Nahrávejte ve vysoké kvalitě (JPG 90 nebo PNG) přesně v rozměrech uvedených výše a nechte platformu provést závěrečnou kompresi jen jednou, místo abyste svou kompresi vršili na tu jejich. Pokud chcete příspěvek vidět ještě před zveřejněním, použijte náhled příspěvku.
Pro úplnost: tisk
Tisk se měří v pixelech na palec, ne v celkovém počtu pixelů. Standardem je 300 ppi: fotka 6 × 4 palce potřebuje 1 800 × 1 200 px, stránka A4 potřebuje 2 480 × 3 508 px a plakát A3 3 508 × 4 961 px. Cokoli pod 150 ppi bude v tisku viditelně měkké. Dodávejte JPG v kvalitě 95 nebo bezeztrátový formát.
Rychlý postup
- Ořízněte obrázek na poměr, který cílové místo vyžaduje.
- Změňte velikost na šířku z tabulky, nikdy víc než 2× velikost zobrazení.
- Uložte jako WebP pro web, JPG pro e-mail a sociální sítě, PNG pro grafiku s průhledností.
- Zkontrolujte velikost souboru; pokud přesahuje cíl, snižte kvalitu o pár bodů, místo abyste zmenšovali rozměry.
Všechny čtyři kroky zvládnete na tomto webu, aniž byste obrázek kamkoli nahrávali.