Die Geschwindigkeit einer Website hängt nicht nur von Hosting und Code ab. Die von Ihnen hochgeladenen Bilder werden oft zum Hauptengpass: Ein einziges „schweres" Foto aus einer Kamera kann 5-8 MB wiegen und die Seitenladezeit um eine Sekunde verlängern. Was, wenn Sie zehn solcher Fotos haben?

Das Bildformat bestimmt, wie es komprimiert wird, wie es Farben wiedergibt und wie Browser es anzeigen. Eine falsche Wahl bedeutet unscharfe Screenshots, riesige PNGs statt kompakter WebP-Dateien und Ranking-Verluste: Google bezieht die Core Web Vitals in das Ranking ein.

Nachfolgend finden Sie konkrete Empfehlungen für jede Aufgabe: Fotos, Screenshots, Logos, Animationen. Und wie Sie Formate hinzufügen, die WordPress standardmäßig nicht akzeptiert.

💡 Kurzüberblick:

• Identifizieren Sie, was Sie hochladen: Foto, Screenshot, Logo oder Animation, denn das bestimmt die Formatwahl.
• Für Fotografien nutzen Sie AVIF oder WebP (die Kompression ist bei gleicher Qualität deutlich besser als bei JPEG).
• Für Screenshots und Logos PNG (verlustfrei) oder AVIF (verlustbehaftet, aber drastisch kleinere Dateigröße).
• Für Animationen WebP statt GIF (Größenersparnis um ein Vielfaches).
• Akzeptiert WordPress das benötigte Format nicht, fügen Sie die Unterstützung über functions.php oder ein Plugin hinzu.
• Hinterlegen Sie immer einen Alternativtext und komprimieren Sie Bilder vor dem Hochladen oder automatisch durch ein Optimierungs-Plugin.

Warum das Bilddateiformat für WordPress entscheidend ist

Das Format ist nicht nur eine Dateiendung. Es ist ein Kodierungsalgorithmus, der drei Dinge bestimmt: Bildqualität, Dateigröße und Browserkompatibilität. Alle drei wirken sich direkt auf die betriebswirtschaftlichen Kennzahlen Ihrer Website aus.

Ladegeschwindigkeit und Core Web Vitals. Ein 2 MB großes JPEG-Foto und dasselbe Foto als AVIF mit 400 KB sehen identisch aus, laden aber um den Faktor 5 unterschiedlich schnell. Google bewertet den Largest Contentful Paint (LCP), und Bilder sind oft das schwerste Element einer Seite. Plugins wie Smush konvertieren Dateien automatisch in WebP oder AVIF, aber die Wahl des richtigen Ausgangsformats spart Serverressourcen.

SEO-Konsequenzen. Die Seitengeschwindigkeit ist ein direktes Ranking-Signal bei Google. Schwere Bilder verschlechtern Ihren Core-Web-Vitals-Score, und die Seite verliert Positionen, selbst wenn der Text perfekt optimiert ist. Eine Studie von Portent (2024) zeigte, dass die Reduzierung des LCP von 4 auf 2 Sekunden die Conversion von Landingpages in B2B-Nischen um durchschnittlich 15-20% steigert.

Visuelle Qualität. Verschiedene Formate gehen mit Farbverläufen, Text und feinen Details unterschiedlich um. JPEG erzeugt Artefakte an kontrastreichen Kanten, was bei Screenshots unsauber wirkt. PNG bewahrt die Schärfe, wiegt aber ein Vielfaches mehr. AVIF löst beide Probleme: Die Kompression ist bei vergleichbarer visueller Qualität deutlich effizienter als bei JPEG.

Anpassungsfähigkeit. Nutzer greifen mit Smartphones, Tablets und Desktops über verschiedene Browser zu. AVIF wird von Chrome, Firefox und Opera (seit 2021-2022) sowie von Safari seit Version 16 (Herbst 2022) unterstützt. WebP funktioniert seit 2020 überall. JPEG und PNG sind der universelle Fallback, den jeder Browser der letzten 20 Jahre versteht.

Welche Bildformate WordPress 2026 unterstützt

WordPress hat sich radikal verändert. Während früher nur JPEG, PNG, GIF und ICO standardmäßig funktionierten, führte WordPress 5.8 (2021) die native WebP-Unterstützung ein, und WordPress 6.5 (April 2024) ergänzte die vollständige AVIF-Unterstützung.

Vollständige Liste der standardmäßig verfügbaren Formate (WordPress ≥6.5):

SVG (Vektorformat) wird von WordPress aus Sicherheitsgründen standardmäßig nicht akzeptiert, da SVG-Dateien JavaScript enthalten können. Benötigen Sie SVG für Logos oder Icons, aktivieren Sie es über functions.php mit Filterung oder nutzen Sie ein spezialisiertes Plugin wie Safe SVG auf WordPress.org.

Formatvergleich: Wann Sie was verwenden

JPEG (JPG)

Der Standard seit 1992, der laut W3Techs (2026) immer noch rund 77% aller Bilder im Internet abdeckt. Verlustbehaftete Kompression mit einstellbarem Qualitätslevel; 85-92 ist der optimale Bereich. Millionen von Farben, exzellente Farbverläufe.

Nachteil: keine Transparenzunterstützung. Jedes JPEG ist ein Rechteck. Für ein Logo auf transparentem Hintergrund ungeeignet. Zudem Kompressionsartefakte an scharfen, kontrastreichen Kanten, das heißt, Screenshots von Benutzeroberflächen wirken in JPEG unsauber.

Wann verwenden: Fotografien, große Hintergrundbilder, Blogbeiträge mit Fotoinhalten, wenn Sie aus irgendeinem Grund kein WebP/AVIF nutzen.

PNG

Ein Format, das als freie Alternative zu GIF entwickelt wurde. Verlustfreie Kompression: kein einziger Pixel geht verloren. Vollständige Alpha-Transparenz (256 Stufen) ermöglicht weiche Schatten und halbtransparente Elemente.

Nachteil: Größe. Ein PNG-Foto kann bei visuell identischer Qualität 5-10 Mal mehr wiegen als die JPEG-Version. Für Content-Bilder ist das nicht zu rechtfertigen.

Wann verwenden: Screenshots von Benutzeroberflächen (Textschärfe ist entscheidend), Logos, Infografiken, Diagramme, Icons, Bilder mit Text.

GIF

Ein Format mit 256 Farben und Einzelbildanimation. Eine Legende des frühen Internets. Verlustfreie Kompression, aber die begrenzte Palette macht es für Fotografien ungeeignet, da Farbverläufe zu „Stufen" werden.

Nachteil: enorme Animationsgrößen. Ein 5-Sekunden-GIF kann 10-15 MB wiegen, während derselbe Clip als WebP-Animation 1-2 MB wiegt.

Wann verwenden: nur dann, wenn Sie eine kurze Animation ohne Ton benötigen und keine WebP/AVIF-Version verfügbar ist.

WebP

Google führte WebP 2010 ein, aber das Format setzte sich erst nach 2020 wirklich durch, als alle großen Browser die Unterstützung hinzufügten. Es unterstützt sowohl verlustbehaftete als auch verlustfreie Kompression in einem Format. Transparenz, ja. Animation, ja. WebP-Bilder sind im Durchschnitt 25-35% kleiner als PNG und 25-34% kleiner als JPEG bei vergleichbarer Qualität.

Nachteil: Zum Zeitpunkt der Erstellung dieses Textes ist es nicht mehr das effizienteste Format, da AVIF es bei der Kompression übertrifft. Als Fallback ist WebP jedoch unverzichtbar.

Wann verwenden: universelles Format für alles. Wenn Sie unsicher sind, nehmen Sie WebP. Fotos, Screenshots, Animationen, Grafiken, es bewältigt alles.

AVIF

Das effizienteste Bildformat im Jahr 2026. Basiert auf dem AV1-Videocodec. AVIF-Bilder sind 30-50% kleiner als WebP bei gleicher visueller Qualität. Unterstützt HDR, großen Farbraum, verlustbehaftete und verlustfreie Kompression, Transparenz und Animation. WordPress 6.5+ unterstützt AVIF nativ, sodass Sie direkt in die Mediathek hochladen können.

Nachteil: Safari hat die Unterstützung erst mit Version 16 (Herbst 2022) hinzugefügt, sodass ältere iPhones und Macs mit veralteten Versionen AVIF nicht anzeigen. Dies lässt sich durch einen WebP/JPEG-Fallback über das <picture>-Element oder ein Optimierungs-Plugin lösen.

Wann verwenden: vorrangiges Format für Fotos und Screenshots. Wenn Ihre Website mit WordPress ≥6.5 läuft, ist AVIF Ihre erste Wahl, mit WebP als Absicherung.

So fügen Sie Unterstützung für weitere Formate hinzu

WordPress filtert hochgeladene Dateien nach MIME-Typ. Möchten Sie SVG, BMP oder ein anderes Format erlauben, fügen Sie es über den upload_mimes-Hook in der functions.php Ihres Themes hinzu:

1
add_filter( 'upload_mimes', 'techblog_add_mime_types' );
2
function techblog_add_mime_types( $mime_types ) {
3
    $mime_types['svg']  = 'image/svg+xml';
4
    $mime_types['bmp']  = 'image/bmp';
5
    $mime_types['webp'] = 'image/webp';   // WP 5.8+ not required
6
    $mime_types['avif'] = 'image/avif';   // WP 6.5+ not required
7
 
8
    return $mime_types;
9
}

Der Code wird in die functions.php des aktiven Themes oder über das Code-Snippets-Plugin eingefügt. Erstellen Sie vor der Bearbeitung ein Backup, da ein PHP-Fehler die Website lahmlegt.

Für SVG eine Warnung. SVG-Dateien können JavaScript enthalten. Wenn Sie SVG-Uploads aktivieren, nutzen Sie das Safe-SVG-Plugin (bereinigt Skripte), das Dateien säubert und Skripte vor dem Speichern in der Mediathek entfernt.

Eine Alternative ist das Plugin File Upload Types, das über eine Oberfläche Unterstützung für Dutzende Formate hinzufügt. Für ein oder zwei Formate ist der upload_mimes-Hook einfacher.

Best Practices: Größe, SEO und Optimierung

Optimale Bildgröße

Laden Sie Bilder exakt in der Größe hoch, die auf der Seite benötigt wird. Wenn das Bild in einer 800 px breiten Spalte erscheint, bringt es nichts, ein Original mit 4000 px hochzuladen. WordPress erzeugt beim Hochladen mehrere Größen (Thumbnail, Medium, Large), aber die Originaldatei wird auf dem Server gespeichert und kann an den Browser ausgeliefert werden, wenn full aufgerufen wird.

Regel: Verkleinern Sie das Bild vor dem Hochladen auf die maximale Anzeigebreite (in der Regel 1200-1600 px für den Inhaltsbereich). Werkzeuge: Photoshop, Googles kostenloses Squoosh, das CLI-Tool cwebp.

Upload-Limit erhöhen

Standardmäßig begrenzt WordPress die Dateigröße beim Hochladen auf 2 MB. Für moderne AVIF-Dateien ist das selten ein Problem (die Dateien sind deutlich kleiner als JPEG), aber beim Hochladen einer großen PNG oder eines animierten WebP kann das Limit stören.

Bei vielen Hosting-Anbietern lässt sich das Limit über das Bedienfeld ändern. Bei Cloudways gehen Sie beispielsweise zu Server Management → Settings and Packages. Bei GoDaddy über cPanel, bei Media Temple durch Bearbeiten der php.ini und bei WP Engine müssen Sie den Support kontaktieren. Wenn Sie keinen direkten Zugriff auf die Servereinstellungen haben, fügen Sie dies in die wp-config.php ein:

1
define( 'WP_MEMORY_LIMIT', '256M' );

Dies erhöht das PHP-Speicherlimit und hebt indirekt die Upload-Schwelle an.

Bild-SEO: Alt-Text und Dateinamen

Suchmaschinen „sehen" keine Bilder, sie lesen deren Attribute. Der Alt-Text ist eine Bildbeschreibung, die indexiert und von Screenreadern vorgelesen wird.

Regeln für guten Alt-Text:

• Beschreiben Sie, was auf dem Bild zu sehen ist, im Kontext des Beitrags. Nicht „Screenshot", sondern „Cloudways-Bedienfeld mit hervorgehobenem Feld Upload-Größe".
• 4-8 Wörter, in Deutsch, mit dem Schlüsselwort des Abschnitts.
• Beginnen Sie nicht mit „Bild von…" oder „Abbildung von…"
• Bei dekorativen Bildern lassen Sie alt="".

Auch der Dateiname ist wichtig. IMG_20241015_142302.jpg sagt der Suchmaschine nichts. wordpress-image-format-comparison-chart.png hingegen schon. Benennen Sie Dateien vor dem Hochladen um.

Plugins zur Bildoptimierung

Die manuelle Optimierung jeder Datei kostet Zeit. Plugins automatisieren den Prozess: Sie komprimieren, konvertieren in WebP/AVIF und liefern dem Browser das optimale Format. Laut Tests von WPShout (2025) sind die Top 4:

Eine ausführlichere Übersicht über Optimierungs-Plugins finden Sie in unserem separaten Artikel.

Analytikbasierte Strategie

Google Analytics (oder Matomo) zeigt, welche Geräte und Browser Ihre Besucher verwenden. Daraus ergibt sich, welches Format die Hauptrolle spielen sollte. Nutzt der Großteil Ihrer Zielgruppe beispielsweise die aktuellen Chrome- und Safari-Versionen, ist AVIF gerechtfertigt, und Sie können für den Rest ein WebP-Fallback über ein Plugin einrichten.

Hat ein nennenswerter Anteil der Besucher iPhones mit iOS 15 oder älter, funktioniert AVIF nicht, und das primäre Format sollte WebP mit JPEG als Absicherung sein. Wir haben eine ausführliche Anleitung mit drei Methoden, wie Sie WebP-Bilder in WordPress ausliefern, vom CDN bis zum manuellen <picture>.

Video: AVIF und WebP in WordPress in der Praxis

Dieses kurze Video zeigt den Ablauf der Konvertierung von Bildern in AVIF und WebP direkt in der WordPress-Administration und vergleicht die Dateigrößen vorher und nachher:

Das AVIF-Format komprimiert deutlich besser als WebP, der Unterschied macht sich besonders bei Fotos mit weichen Verläufen und vielen Details bemerkbar. WordPress 6.5+ unterstützt AVIF nativ, ohne Plugins.

⁉️🤔 Häufig gestellte Fragen

Was ist der Unterschied zwischen verlustbehafteter und verlustfreier Kompression?

Verlustbehaftete Algorithmen entfernen für das Auge nicht wahrnehmbare Daten (JPEG, AVIF lossy, WebP lossy). Die Datei ist klein, aber die Qualität leidet bei jedem erneuten Speichern. Verlustfrei erhält jedes Pixel unverändert (PNG, GIF, AVIF lossless, WebP lossless). Die Datei ist größer, aber ideal für Grafiken mit Text. Für inhaltliche Fotos nutzen Sie verlustbehaftet (AVIF-Qualität 50-70 oder WebP-Qualität 75-85), dann schrumpft die Größe um ein Vielfaches. Verlustfrei bleibt Logos und Screenshots vorbehalten, bei denen es auf Schärfe ankommt.

Welches Format sollte ich 2026 für Screenshots wählen?

AVIF im verlustfreien Modus oder mit Qualität 90+. Screenshots benötigen lesbaren Text, und verlustfreies AVIF bewahrt die Schärfe auf PNG-Niveau, während die Datei deutlich weniger wiegt. Läuft Ihre Seite mit WordPress älter als 6.5, verwenden Sie verlustfreies WebP als primäres Format mit PNG als Fallback.

Testen Sie es selbst: Erstellen Sie einen Screenshot des Admin-Panels, speichern Sie ihn als PNG, verlustfreies WebP und verlustfreies AVIF. Visueller Unterschied: null. Auf einer Seite mit anderthalb Dutzend Screenshots macht sich der Megabyte-Unterschied beim LCP jedoch bereits bemerkbar.

Brauche ich ein Optimierungs-Plugin, wenn WordPress selbst WebP und AVIF unterstützt?

WordPress unterstützt das Hochladen von WebP und AVIF, konvertiert JPEG/PNG aber nicht automatisch in moderne Formate. Laden Sie fertige WebP/AVIF-Dateien hoch, benötigen Sie kein Plugin. Liegen Ihre Quellen als JPEG/PNG vor, konvertiert ein Plugin diese beim Hochladen und liefert dem Browser das optimale Format aus.

Zudem lösen Plugins die Fallback-Aufgabe: Sie generieren <picture> mit mehreren Quellen für verschiedene Browser. Ohne Plugin müssten Sie das manuell tun oder darauf hoffen, dass alle Besucher Browser nutzen, die AVIF unterstützen (was derzeit noch nicht der Fall ist).

WebP oder AVIF: Wofür sollte ich mich jetzt entscheiden?

AVIF als primäres Format, WebP als Fallback. AVIF gewinnt bei der Kompression (spürbar besser als WebP), der Qualität (HDR, großer Farbraum) und der Browser-Unterstützung, die inzwischen Chrome 85+, Firefox 93+, Safari 16+ und Opera 71+ umfasst. Das einzige „Aber" sind ältere iOS-Geräte: iPhone X und älter mit iOS 15 zeigen kein AVIF an. Deren Anteil sinkt jedoch, und Plugins wie EWWW und Optimole liefern ihnen automatisch WebP aus.

Zeigt Ihre Analyse einen nennenswerten Anteil von iOS 15 und älter, machen Sie WebP zum primären Format mit AVIF als Option „für die, die es können". Für alle anderen: AVIF jetzt, WebP als Backup.

Kann ich SVG für ein Logo in WordPress verwenden?

SVG ist das ideale Format für Logos: unendliche Skalierbarkeit und mikroskopische Größe (2-5 KB). WordPress blockiert SVG jedoch aufgrund des XSS-Angriffsrisikos (SVG kann eingebettetes JavaScript enthalten). Nutzen Sie das Safe SVG Plugin (sicheres Hochladen), das jede hochgeladene Datei bereinigt und potenziell gefährlichen Code entfernt. Danach kann SVG direkt in die Mediathek hochgeladen und wie jedes andere Format verwendet werden.

Was Sie 2026 in WordPress einsetzen sollten: Das Fazit

Die Formatwahl läuft auf drei Regeln hinaus. Fotos und Screenshots: AVIF (vorrangig) oder WebP, verlustbehaftete Kompression Qualität 70-85. Logos und Icons: PNG oder AVIF verlustfrei + SVG via Safe SVG. Animationen: WebP statt GIF, Größenersparnis um ein Vielfaches.

Setzen Sie nicht alles auf eine Formatkarte. Die ideale Strategie: AVIF → WebP → ursprüngliches JPEG/PNG, drei Ebenen über <picture> oder ein Plugin. Nahezu alle Besucher erhalten AVIF/WebP, der Rest das klassische Format, und niemand sieht ein kaputtes Icon.

Richten Sie die automatische Optimierung einmal ein (über EWWW für lokale Verarbeitung oder Optimole für einen Cloud-Dienst mit CDN) und vergessen Sie die manuelle Kompression. Prüfen Sie die Analyse vierteljährlich: Der Anteil alter Browser sinkt, und bald wird AVIF ein Format ohne Einschränkungen sein.