Bilder in WordPress: Auflösung, DPI und Geschwindigkeit erklärt
Bilder in WordPress spielen eine entscheidende Rolle für den professionellen und vertrauenswürdigen Eindruck Ihrer Website. Gleichzeitig sind sie eine der häufigsten Ursachen für langsame WordPress-Websites, insbesondere auf Mobilgeräten. Falsche Auflösungen, zu hohe DPI-Werte oder unkomprimierte Dateien führen zu längeren Ladezeiten und beeinträchtigen das Google-Ranking.
In den folgenden FAQs erklären wir Schritt für Schritt, wie Sie Bilder optimal für WordPress vorbereiten, bearbeiten und speichern. So wissen Sie genau, welche Einstellungen Sie verwenden müssen, warum diese wichtig sind und wie Sie scharfe Bilder und eine schnelle Website gewährleisten.
Alles, was Sie über Bilder in WordPress wissen müssen
Was ist Bildauflösung?
Die Bildauflösung bezeichnet die Größe eines Bildes in Pixeln. Pixel sind die winzigen Punkte, aus denen ein Bild besteht.
Beispiel:
1200 × 900 Pixel bedeutet 1200 Pixel breit und 900 Pixel hoch.
Je mehr Pixel, desto schärfer kann das Bild sein.
Zu viele Pixel machen ein Bild jedoch unnötig groß.
Warum ist das wichtig?
Wenn Sie ein Bild hochladen, das viel größer ist als nötig, muss der Browser Folgendes tun:
- Weitere Daten herunterladen
- Mehr Rechenleistung nutzen
- Längeres Aufladen auf dem Handy
Dies führt zu einer schlechten Nutzererfahrung und niedrigeren Bewertungen bei Google.
Welche Auflösung verwendest du in WordPress?
WordPress skaliert Bilder automatisch, aber das Quellbild muss korrekt sein.
Empfohlene Bildauflösungen
Titelbild: 1200 × 900 Pixel
Warum: Groß genug für Blogs und Social Media, aber nicht zu groß.
Bilder im Text: 800 bis 1200 Pixel breit
Warum: Diese werden üblicherweise nicht im Vollbildmodus angezeigt.
Header oder Banner: 1920 × 1080 Pixel
Warum: Diese erstrecken sich oft über die gesamte Bildschirmbreite.
Was ist DPI (und warum ist es online wichtig)?
DPI steht für Dots Per Inch (Punkte pro Zoll) und gibt an, wie viele Punkte sich auf einem Zoll befinden. Viele denken: „DPI spielt online keine Rolle.“ Das ist nur teilweise richtig.
Was ist richtig?
- Bildschirme zeigen Pixel an, nicht DPI.
- Ein Bildschirm kann den Unterschied zwischen 72 und 300 DPI nicht erkennen.
Was ist wichtig?
- 300 DPI machen die Dateien deutlich größer
- Größere Dateien laden langsamer
- Das ist ein großes Problem, insbesondere auf Mobilgeräten.
300 DPI ist für den Druck gedacht, nicht für Webseiten.
Optimale DPI-Einstellung für Webseiten
72 DPI → ideal für WordPress und Websites
96 DPI → auch in Ordnung (für moderne Bildschirme)
300 DPI → nur für den Druck, niemals für Online-Anwendungen
Warum 72 DPI besser ist:
- Schnellere Ladezeit
- Geringerer Datenverbrauch für mobile Besucher
- Bessere Core Web Vitals
- Positiver Einfluss auf SEO
Dateityp: JPG oder PNG?
JPG (empfohlen)
- Kleinere Dateien
- Perfekt für Fotos
- Schnelleres Laden
PNG (nur falls erforderlich)
- Größere Datei
- Geeignet für Transparenzen oder Logos
Verwenden Sie PNG nur, wenn Sie Transparenz wirklich benötigen.
Dateigröße: Wie klein ist optimal?
Selbst bei korrekter Auflösung und DPI kann ein Bild noch zu groß sein.
Richtlinien:
- Maximal 200–300 KB pro Bild
- Für Banner, vorzugsweise unter 400 KB
Warum?
- Google mag schnelle Seiten
- Besucher springen bei langsamen Websites ab.
- Mobiles Internet ist oft langsamer
Bilder vorbearbeiten und komprimieren
Bearbeiten Sie Ihre Bilder immer vorher in einem Programm wie Photoshop, GIMP oder sogar Paint. Dort können Sie die Größe anpassen und das Bild komprimieren, bevor Sie es auf WordPress hochladen.
Warum das wichtig ist:
- Sie haben die volle Kontrolle über Qualität und Dateigröße.
- Die Bilder sind kleiner und laden schneller
- Ihre Website bleibt auch auf Mobilgeräten schnell.
- Weniger abhängig von Plugins
Speichern Sie die Bilder als JPG, stellen Sie die Qualität auf etwa 70–80 % ein und verwenden Sie 72 DPI.
Warum nicht einfach auf Komprimierungs-Plugins zurückgreifen?
Komprimierungs-Plugins können helfen, aber:
- Sie bearbeiten die Bilder erst nach dem Hochladen.
- Sie bieten weniger Kontrolle über die Qualität.
- Sie können Ihre Website zusätzlich belasten.
Vorverarbeitung + intelligentes Speichern ist immer die beste Basis.
Warum dies für SEO wichtig ist
Google untersucht Folgendes:
- Ladegeschwindigkeit
- Mobile Leistung
- Nutzererfahrung
Zu große Bilder:
- Verschlechtern Sie Ihre Position bei Google.
- Führt zu höheren Absprungraten
Gut optimierte Bilder:
- Schnelleres Laden
- Verbessern Sie Ihre SEO
- Für zufriedene Besucher sorgen
Weitere WordPress-Tipps
- Geben Sie den Bildern einen eindeutigen Dateinamen
(z. B. woocommerce-webshop-image.jpg). - Füllen Sie immer den Alternativtext der Bilder aus.
- Bilder vorbearbeiten und komprimieren
- Laden Sie niemals Bilder direkt von einer Kamera hoch.
Zusamenfassend
- Bearbeiten Sie die Bilder zunächst in Photoshop, GIMP oder Paint.
- Stellen Sie die korrekten Abmessungen ein.
- Mit Komprimierung speichern (JPG, 72 DPI)
- Anschließend auf WordPress hochladen
So bleibt Ihre WordPress-Website schnell, professionell und leicht zu finden.
Häufig gestellte Fragen zu Bildern in WordPress
Welche Auflösung ist für Bilder in WordPress optimal?
Die optimale Auflösung für WordPress liegt üblicherweise zwischen 800 und 1200 Pixel Breite. Für Banner oder Header eignet sich eine Auflösung von 1920 × 1080 Pixel.
Welche DPI sollte ich für Bilder auf einer Webseite verwenden?
Für Webseiten empfiehlt sich eine Auflösung von 72 DPI. Höhere DPI-Werte, wie beispielsweise 300 DPI, führen zu unnötig großen Bildern und längeren Ladezeiten.
Warum ist eine Auflösung von 300 DPI schlecht für Webseiten?
300 DPI ist für den Druck vorgesehen. Online führt dies zu größeren Dateigrößen, schlechterer Leistung auf Mobilgeräten und negativen Auswirkungen auf die Suchmaschinenoptimierung.
Beeinflusst DPI die Bildschärfe im Internet?
Nein, online bestimmt die Pixelanzahl die Bildschärfe. Die DPI-Zahl beeinflusst primär die Dateigröße, nicht die Bildschärfe auf dem Bildschirm.
Was ist der Unterschied zwischen Auflösung und DPI?
Die Auflösung bestimmt die Größe eines Bildes in Pixeln. DPI (Dots per Inch) gibt an, wie viele Punkte pro Zoll verwendet werden und beeinflusst hauptsächlich die Dateigröße.
Muss ich die Bilder bearbeiten, bevor ich sie auf WordPress hochlade?
Ja, es wird dringend empfohlen, Bilder in Programmen wie Photoshop, GIMP oder Paint vorzubearbeiten. Dadurch haben Sie die Kontrolle über Größe und Qualität.
Warum ist Vorkomprimierung besser als die Verwendung eines Plugins?
Die Vorkomprimierung führt zu kleineren Dateien und besserer Qualität. Plugins funktionieren erst nach dem Hochladen und bieten weniger Kontrolle über das Endergebnis.
Welche Dateigröße ist ideal für WordPress-Bilder?
Ein Bild sollte idealerweise unter 200 bis 300 KB groß sein. Dadurch lädt Ihre Website schneller und funktioniert besser auf Mobilgeräten.
Welches Dateiformat ist für WordPress am besten geeignet: JPG oder PNG?
JPG eignet sich aufgrund seiner geringeren Dateigröße am besten für Fotos. PNG wird nur dann verwendet, wenn Transparenz erforderlich ist, beispielsweise bei Logos.
Beeinflussen Bilder die Suchmaschinenoptimierung und die Ladezeit?
Ja, große Bilder verlangsamen Ihre Website und schaden Ihrer Suchmaschinenoptimierung. Optimierte Bilder verbessern die Ladezeit, die Benutzerfreundlichkeit und das Google-Ranking.