Marketing

Ob Blog, Online-Shop oder Landingpage – Bilder gehören zu den wichtigsten Elementen für Aufmerksamkeit und Conversion. Doch es reicht nicht, dass sie in WordPress korrekt angezeigt werden. Deine Bilder müssen auch auf Facebook, Instagram, TikTok & Co. optimal aussehen. In diesem Beitrag zeige ich Dir, welche Bildgrößen Du verwenden solltest – für eine perfekte Darstellung auf allen Kanälen.

1. Bildgrössen in WordPress: Blog und Beitragsbilder

Startseiten- und Blog-Übersicht

• Empfohlene Größe: 600 × 400 px (3:2 Format)
• Typische Verwendung: Beitragsvorschau, Raster-Layout
• Hinweis: Achte auf ein einheitliches Seitenverhältnis – sonst entsteht ein unruhiges Layout

Einzelbeitrag / Hero-Bild

• Empfohlene Größe: 1200 × 800 px oder 1600 × 900 px (für Full-Width)
• Empfohlenes Format: JPEG oder WebP

2. WooCommerce Produktbilder

Produkt-Einzelansicht

• Größe: mindestens 800 × 800 px (quadratisch)
• Format: PNG bei transparentem Hintergrund, sonst WebP oder JPEG

Produktarchiv (Kategorie, Shop)

• Größe: 600 × 600 px

Galeriebilder

• Empfehlung: gleiche Größe und Seitenverhältnis wie das Hauptproduktbild (800 × 800 px)

3. Bildgrössen für Social Media

Facebook (Link-Vorschau mit Open Graph)

• Empfohlene Größe: 1200 × 630 px
• Seitenverhältnis: 1.91:1
• Tipp: Setze mit Yoast oder Rank Math das Social Sharing Image explizit für jeden Beitrag

Instagram

• Quadratisch (Feed): 1080 × 1080 px
• Story/Vertical: 1080 × 1920 px

TikTok

• Empfohlene Größe: 1080 × 1920 px
• Format: vertikal (9:16)

4. So stellst Du sicher, dass die richtigen Bilder verwendet werden

• Nutze ein SEO-Plugin wie Yoast SEO oder Rank Math, um Open Graph- und Twitter Card-Bilder festzulegen
• Definiere eigene Bildgrößen mit add_image_size() im Theme oder Plugin
• Verwende WebP zur Reduzierung der Dateigröße – auch bei hochauflösenden Bildern
• Nutze ein Plugin wie Real Media Library oder ShortPixel für die Mediathek-Optimierung

5. Beispiel: Eigene Bildgrößen im Theme definieren

add_action('after_setup_theme', function () {
  add_image_size('og-image', 1200, 630, true); // Für Facebook
  add_image_size('instagram-square', 1080, 1080, true); // Für Instagram Feed
  add_image_size('product-thumb', 600, 600, true); // WooCommerce Shop
});

Fazit: Einheitliche Bildgrößen = bessere Performance & Sichtbarkeit

Ein professioneller Auftritt auf allen Kanälen erfordert eine durchdachte Bildstrategie. Wenn Du in WordPress gezielt Bildgrößen definierst und bei jedem Beitrag oder Produkt auch an die Social-Media-Anzeige denkst, profitierst Du doppelt: Bessere Ladezeiten und optimale Darstellung auf allen Geräten und Plattformen.