AVIF WordPress 2026: Guide Setup Complet [Plugin + Code]

Support AVIF dans WordPress

WordPress supporte AVIF nativement depuis la version 6.1.

La bibliothèque média WordPress accepte maintenant les uploads AVIF. Cependant, la génération automatique de miniatures AVIF nécessite une configuration serveur appropriée.

Pour tirer le meilleur parti d'AVIF, vous aurez besoin de plugins d'optimisation ou d'une configuration serveur avancée.

Plugins Recommandés

Les meilleurs plugins pour AVIF sur WordPress.

• ShortPixel: Excellent support AVIF, conversion automatique, CDN optionnel.
• Imagify: Par WP Rocket, intégration parfaite, génération AVIF/WebP.
• EWWW Image Optimizer: Gratuit avec options premium, support AVIF complet.
• Optimole: CDN intégré avec conversion AVIF à la volée.

Configuration Manuelle

Configuration sans plugin pour les utilisateurs avancés.

Cette approche nécessite plus de travail mais offre un contrôle total.

Vous devrez également configurer votre serveur pour générer les miniatures AVIF.

// functions.php - Activer AVIF
function enable_avif_uploads($mimes) {
    $mimes['avif'] = 'image/avif';
    return $mimes;
}
add_filter('upload_mimes', 'enable_avif_uploads');

// Servir AVIF avec <picture> dans les thèmes
function avif_responsive_image($content) {
    // Logique pour wrapper les images avec <picture>
    return $content;
}
add_filter('the_content', 'avif_responsive_image');

Optimisation Serveur

Configuration serveur pour des performances optimales.

Cette configuration Apache sert automatiquement la version AVIF si elle existe et que le navigateur la supporte.

Pour Nginx, une configuration similaire utilise try_files pour le fallback automatique.

# .htaccess - Servir AVIF si disponible
<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{HTTP_ACCEPT} image/avif
  RewriteCond %{REQUEST_FILENAME}.avif -f
  RewriteRule ^(.+)\.(jpe?g|png)$ $1.$2.avif [T=image/avif,E=EXISTING:1,L]
</IfModule>

<IfModule mod_headers.c>
  Header append Vary Accept env=EXISTING
</IfModule>

AddType image/avif .avif

Génération Automatique

Automatisez la création de versions AVIF.

Les plugins comme ShortPixel génèrent automatiquement des versions AVIF lors de l'upload. C'est l'approche recommandée pour la plupart des utilisateurs.

Pour une génération programmatique, des bibliothèques comme Intervention Image (PHP) ou Sharp (Node.js) peuvent être intégrées.

• À l'Upload: Génération immédiate des versions AVIF/WebP.
• En Masse: Optimisez les images existantes via l'interface admin.
• Lazy/On-Demand: Génération à la première demande (CDN).
• Cron Job: Traitement en arrière-plan programmé.

Dépannage

Solutions aux problèmes courants.

• Upload refusé: Vérifiez que votre PHP a les extensions GD ou ImageMagick avec support AVIF.
• Miniatures non générées: Le serveur doit avoir libavif installé. Contactez votre hébergeur.
• Images non affichées: Vérifiez les types MIME dans .htaccess ou la config Nginx.
• Performances dégradées: La génération AVIF est CPU-intensive. Utilisez la génération asynchrone.