AVIF WordPress 2026: Komplette Setup-Anleitung [Plugin + Code]

WordPress und AVIF

WordPress 6.1+ unterstützt nativ den Upload von AVIF-Dateien. Um AVIF jedoch automatisch an kompatible Browser auszuliefern, ist zusätzliche Konfiguration erforderlich.

Die native Unterstützung bedeutet, dass Sie .avif-Dateien ohne Plugins in die Mediathek hochladen können.

Für automatische Konvertierung bestehender Bilder und intelligente Auslieferung sind Plugins jedoch die praktischste Lösung.

Die Plugin-Wahl hängt von Ihren Anforderungen ab: Bildmenge, Budget und gewünschtes Kontrollniveau.

Empfohlene Plugins

Diese Plugins vereinfachen die AVIF-Implementierung auf WordPress mit automatischer Konvertierung und intelligenter Auslieferung.

• ShortPixel: Das vollständigste: konvertiert, optimiert und liefert AVIF automatisch. Freemium.
• Imagify: Von WP Rocket, ausgezeichnete Integration. Automatische AVIF/WebP-Konvertierung.
• EWWW Image Optimizer: Kostenlos mit lokalen Optionen, keine monatlichen Limits.
• Converter for Media: Kostenlos, lokale Konvertierung ohne Limits.

Server-Konfiguration

Um AVIF korrekt auszuliefern, muss der Server für die Erkennung des MIME-Types und die Auslieferung der entsprechenden Dateien konfiguriert sein.

Apache erfordert .htaccess-Konfiguration, Nginx erfordert Server-Konfigurationsänderung.

Bei Managed Hosting (SiteGround, Kinsta, etc.) ist AVIF oft bereits unterstützt.

# .htaccess für Apache
<IfModule mod_mime.c>
  AddType image/avif .avif
</IfModule>

# Nginx
include mime.types;
types {
  image/avif avif;
}

Theme und Templates

Um die Vorteile von AVIF zu maximieren, erwägen Sie die Verwendung des picture-Tags in Theme-Templates.

Die meisten Plugins handhaben dies automatisch über WordPress-Filter.

Wenn Sie manuelle Kontrolle bevorzugen, können Sie Theme-Templates für picture-Tags modifizieren.

<?php // In Template-Bildabschnitt ?>
<picture>
  <?php if (wp_image_file_exists($image_id, 'avif')): ?>
    <source srcset="<?php echo wp_get_attachment_image_url($image_id, 'large', ['format' => 'avif']); ?>" type="image/avif">
  <?php endif; ?>
  <img src="<?php echo wp_get_attachment_image_url($image_id, 'large'); ?>" alt="<?php echo get_post_meta($image_id, '_wp_attachment_image_alt', true); ?>">
</picture>

Fehlerbehebung

Häufige Probleme und Lösungen für AVIF auf WordPress.

• Upload fehlgeschlagen: Überprüfen Sie, ob WordPress 6.1+ ist. Prüfen Sie Ordnerberechtigungen für Uploads.
• Bilder werden nicht angezeigt: Überprüfen Sie die MIME-Type-Konfiguration auf dem Server.
• Plugin konvertiert nicht: Überprüfen Sie Credits/Limits. Prüfen Sie Plugin-Fehlerprotokolle.
• Browser lädt AVIF nicht: Überprüfen Sie, ob der Server den korrekten Content-Type ausliefert.