Bildgrößen für Websites, E-Mail und Social Media
Eine Referenztabelle mit Pixelmaßen und Verhältnissen für Webseiten, Link-Vorschauen, E-Mail und jede große Social-Plattform.
Ein Bild in der falschen Größe hochzuladen bedeutet entweder ein unscharfes Ergebnis, ein abgeschnittenes Motiv oder eine Seite, die langsam lädt. Diese Referenz sammelt die Abmessungen, die 2026 funktionieren, mit einer Erklärung der Überlegungen dahinter, damit du vernünftige Entscheidungen treffen kannst, wenn eine Plattform ihre Regeln ändert.
Zwei Prinzipien
Passe dich der Anzeigegröße an, mit Rücksicht auf hochauflösende Bildschirme. Die meisten Handys und Laptops haben inzwischen Bildschirme mit zwei oder drei physischen Pixeln pro CSS-Pixel. Ein Bild, das mit 600 CSS-Pixeln Breite angezeigt wird, sollte 1.200 Pixel breit sein, um scharf auszusehen. Über 2× hinauszugehen fügt Dateigröße ohne sichtbaren Nutzen hinzu.
Bring das Seitenverhältnis in Ordnung, bevor du an die Pixelzahl denkst. Plattformen schneiden automatisch auf ihr bevorzugtes Verhältnis zu, und automatische Zuschnitte schneiden Köpfe und Logos ab. Schneide selbst mit dem Zuschneide-Tool auf das Verhältnis zu und verkleinere dann mit dem Tool zur Größenänderung.
Website-Bilder
| Verwendung | Breite | Verhältnis | Ziel-Dateigröße |
|---|---|---|---|
| Hero in voller Breite | 1.920 px (2.560 für sehr große Bildschirme) | 16:9 oder 21:9 | Unter 300 KB als WebP |
| Inhalts- / Blogbild | 1.200 bis 1.600 px | 3:2 oder 16:9 | Unter 150 KB |
| Karten- oder Raster-Vorschaubild | 600 bis 800 px | Einheitlich im ganzen Raster | Unter 60 KB |
| Produktbild | 1.200 bis 2.000 px | 1:1 oder 4:5 | Unter 200 KB; größer für Zoom |
| Logo (Raster) | 2× seine Anzeigegröße | Wie gestaltet | PNG oder SVG |
| Open Graph / Link-Vorschau | 1.200 × 630 px | 1,91:1 | Unter 300 KB, JPG oder PNG |
| Favicon | 16, 32, 48, 64 px in einer .ico | 1:1 | Winzig |
| Apple-Touch-Icon | 180 × 180 px | 1:1 | PNG |
E-Mail-Programme rendern mit fester Breite, üblicherweise 600 bis 640 Pixel für den Nachrichtentext. Liefere Bilder mit 1.200 px Breite (2× für Retina) und halte die gesamte Nachricht unter etwa 1 MB; schwerere E-Mails werden von Gmail abgeschnitten und öffnen sich auf dem Handy langsam. Nimm JPG oder PNG; die WebP-Unterstützung in E-Mail-Programmen ist noch uneinheitlich. GIF ist für einfache Animationen in Ordnung.
Social Media
| Plattform | Platzierung | Größe | Verhältnis |
|---|---|---|---|
| Feed, Hochformat (beste Reichweite) | 1.080 × 1.350 | 4:5 | |
| Feed, quadratisch | 1.080 × 1.080 | 1:1 | |
| Stories / Reels-Cover | 1.080 × 1.920 | 9:16 | |
| Profilbild | 320 × 320 (in einem Kreis angezeigt) | 1:1 | |
| Feed-Bild | 1.200 × 630 oder 1.080 × 1.350 | 1,91:1 oder 4:5 | |
| Seiten-Titelbild | 1.640 × 856 | Wird auf dem Desktop als 820 × 312 angezeigt | |
| Beitragsbild | 1.200 × 627 | 1,91:1 | |
| Unternehmensbanner | 1.128 × 191 | ~5,9:1 | |
| X (Twitter) | Beitragsbild | 1.600 × 900 | 16:9 |
| X (Twitter) | Header | 1.500 × 500 | 3:1 |
| YouTube | Vorschaubild | 1.280 × 720 | 16:9, unter 2 MB |
| YouTube | Kanalbanner | 2.560 × 1.440 (sicherer Bereich 1.546 × 423) | 16:9 |
| TikTok | Video-Cover | 1.080 × 1.920 | 9:16 |
| Pin | 1.000 × 1.500 | 2:3 | |
| WhatsApp / Telegram | Profilbild | 640 × 640 | 1:1 |
Jede Social-Plattform komprimiert Uploads neu, meist zu einem JPG um Qualität 75 bis 80. Lade in hoher Qualität (JPG 90 oder PNG) in genau den obigen Abmessungen hoch und lass die Plattform die finale Komprimierung einmal machen, statt deine Komprimierung auf ihre zu stapeln.
Druck, der Vollständigkeit halber
Druck wird in Pixeln pro Zoll gemessen, nicht in Gesamtpixeln. 300 ppi ist der Standard: Ein 15 × 10 cm Foto braucht 1.800 × 1.200 px, eine A4-Seite braucht 2.480 × 3.508 px, und ein A3-Poster 3.508 × 4.961 px. Alles unter 150 ppi wirkt im Druck sichtbar weich. Liefere JPG mit Qualität 95 oder ein verlustfreies Format.
Ein schneller Arbeitsablauf
- Auf das Verhältnis zuschneiden, das das Ziel will.
- Auf die Breite in der Tabelle verkleinern, nie größer als 2× die Anzeigegröße.
- Als WebP für Websites, JPG für E-Mail und Social Media, PNG für Grafiken mit Transparenz exportieren.
- Die Dateigröße prüfen; wenn sie über dem Ziel liegt, die Qualität um ein paar Punkte senken statt die Abmessungen zu verkleinern.
Alle vier Schritte lassen sich auf dieser Website erledigen, ohne das Bild irgendwohin hochzuladen.