Afbeeldingsformaten voor websites, e-mail en social media
Een naslagtabel met pixelafmetingen en verhoudingen voor webpagina's, linkvoorbeelden, e-mail en elk groot socialmediaplatform.
Een afbeelding op het verkeerde formaat uploaden betekent ofwel een wazig resultaat, ofwel een afgesneden onderwerp, ofwel een pagina die traag laadt. Deze naslag verzamelt de afmetingen die in 2026 werken, met een uitleg van de redenering zodat je verstandige beslissingen kunt nemen als een platform zijn regels verandert.
Twee principes
Stem af op het weergaveformaat, rekening houdend met schermen met hoge dichtheid. De meeste telefoons en laptops hebben nu schermen met twee of drie fysieke pixels per CSS-pixel. Een afbeelding die op 600 CSS-pixels breed wordt getoond, moet 1.200 pixels breed zijn om scherp te ogen. Verder gaan dan 2× voegt bestandsgrootte toe zonder zichtbaar voordeel.
Krijg de beeldverhouding goed vóór het aantal pixels. Platforms snijden automatisch bij naar hun voorkeursverhouding, en automatische uitsnedes hakken hoofden en logo's eraf. Snij zelf bij naar de verhouding met de bijsnijtool, en verklein dan met de verkleintool.
Websiteafbeeldingen
| Gebruik | Breedte | Verhouding | Streefbestandsgrootte |
|---|---|---|---|
| Hero op volle breedte | 1.920 px (2.560 voor heel grote schermen) | 16:9 of 21:9 | Onder 300 KB als WebP |
| Content- / blogafbeelding | 1.200 tot 1.600 px | 3:2 of 16:9 | Onder 150 KB |
| Kaart- of gridthumbnail | 600 tot 800 px | Consistent over het grid | Onder 60 KB |
| Productafbeelding | 1.200 tot 2.000 px | 1:1 of 4:5 | Onder 200 KB; groter voor zoomen |
| Logo (raster) | 2× het weergaveformaat | Zoals ontworpen | PNG of SVG |
| Open Graph / linkvoorbeeld | 1.200 × 630 px | 1,91:1 | Onder 300 KB, JPG of PNG |
| Favicon | 16, 32, 48, 64 px in één .ico | 1:1 | Piepklein |
| Apple touch-icoon | 180 × 180 px | 1:1 | PNG |
E-mailprogramma's renderen op een vaste breedte, doorgaans 600 tot 640 pixels voor de berichttekst. Lever afbeeldingen aan op 1.200 px breed (2× voor retina) en houd het hele bericht onder ongeveer 1 MB; zwaardere e-mails worden door Gmail afgekapt en openen traag op mobiel. Gebruik JPG of PNG; WebP-ondersteuning in e-mailprogramma's is nog inconsistent. GIF is prima voor eenvoudige animatie.
Social media
| Platform | Plaatsing | Formaat | Verhouding |
|---|---|---|---|
| Feed, staand (beste bereik) | 1.080 × 1.350 | 4:5 | |
| Feed, vierkant | 1.080 × 1.080 | 1:1 | |
| Stories / Reels-cover | 1.080 × 1.920 | 9:16 | |
| Profielfoto | 320 × 320 (getoond in een cirkel) | 1:1 | |
| Feedafbeelding | 1.200 × 630 of 1.080 × 1.350 | 1,91:1 of 4:5 | |
| Pagina-omslag | 1.640 × 856 | Toont 820 × 312 op desktop | |
| Postafbeelding | 1.200 × 627 | 1,91:1 | |
| Bedrijfsbanner | 1.128 × 191 | ~5,9:1 | |
| X (Twitter) | Postafbeelding | 1.600 × 900 | 16:9 |
| X (Twitter) | Header | 1.500 × 500 | 3:1 |
| YouTube | Thumbnail | 1.280 × 720 | 16:9, onder 2 MB |
| YouTube | Kanaalbanner | 2.560 × 1.440 (veilig gebied 1.546 × 423) | 16:9 |
| TikTok | Videocover | 1.080 × 1.920 | 9:16 |
| Pin | 1.000 × 1.500 | 2:3 | |
| WhatsApp / Telegram | Profielfoto | 640 × 640 | 1:1 |
Elk socialmediaplatform comprimeert uploads opnieuw, meestal naar een JPG op ongeveer kwaliteit 75 tot 80. Upload op hoge kwaliteit (JPG 90 of PNG) op exact de bovenstaande afmetingen, en laat het platform de eindcompressie één keer doen in plaats van jouw compressie op die van hen te stapelen.
Print, voor de volledigheid
Print wordt gemeten in pixels per inch, niet in totale pixels. 300 ppi is de standaard: een foto van 15 × 10 cm heeft 1.800 × 1.200 px nodig, een A4-pagina 2.480 × 3.508 px, en een A3-poster 3.508 × 4.961 px. Alles onder 150 ppi oogt in print zichtbaar zacht. Lever JPG op kwaliteit 95 of een verliesvrij formaat aan.
Een snelle workflow
- Snij bij naar de verhouding die de bestemming wil.
- Verklein naar de breedte in de tabel, nooit groter dan 2× het weergaveformaat.
- Exporteer als WebP voor websites, JPG voor e-mail en social media, PNG voor graphics met transparantie.
- Controleer de bestandsgrootte; als hij boven het doel zit, verlaag dan de kwaliteit een paar punten in plaats van de afmetingen te verkleinen.
Alle vier de stappen kun je op deze site doen zonder de afbeelding ergens te uploaden.