Permettre le chargement des fichiers SVG, AVIF et WebP dans WordPress

Par défaut, WordPress limite les types de fichiers qui peuvent être téléchargés directement dans la médiathèque. Parmi les formats plus modernes et plus légers, SVG (Scalable Vector Graphics), AVIF (AV1 Image File Format) et WebP gagnent en popularité pour leur efficacité et leur qualité d'image. Dans cet article, vous découvrirez comment activer le chargement de ces formats de fichiers via des extraits de code, sans utiliser de plugins externes.

Pourquoi utiliser SVG ?

– ÉvolutivitéLes SVG sont vectoriels, ce qui signifie qu'ils peuvent être redimensionnés sans perte de qualité. Ils sont idéaux pour les icônes et les graphiques simples.

– Dimensions réduitesLes SVG occupent généralement moins d'espace que les images matricielles, en particulier pour les graphiques simples.

Pourquoi utiliser AVIF et WEBP ?

– Compression efficaceCes deux formats offrent une meilleure compression que les fichiers JPEG et PNG traditionnels, ce qui permet de réduire la taille des images sans en compromettre la qualité.

– Soutien à la transparenceAVIF et WebP prennent tous deux en charge la transparence, ce qui en fait d'excellents outils pour les images avec des arrière-plans transparents.

/**
 * Nom du Snippet : Permettre le téléchargement de fichiers svg, avif et webp
 * Auteur du Snippet : halkoo.com
 */
function allow_custom_uploads($mimes) {
    // Activer SVG
    $mimes['svg'] = 'image/svg+xml' ;
    
    // Activer AVIF
    $mimes['avif'] = 'image/avif' ;
    
    // Activer WebP
    $mimes['webp'] = 'image/webp' ;
    
    return $mimes ;
}
add_filter('upload_mimes', 'allow_custom_uploads') ;

Vérifier les modifications

Une fois le code ajouté au functions.php de votre thème, vous pouvez aller dans votre bibliothèque de médias WordPress et essayer de télécharger des fichiers SVG, AVIF et WebP. Si tout s'est bien passé, vous devriez pouvoir télécharger ces formats sans problème.

Considérations relatives à la sécurité

Il est important de noter que si le SVG est un format vectoriel utile, il peut également présenter des risques de sécurité s'il n'est pas manipulé correctement. Les SVG peuvent contenir du code JavaScript et, s'ils sont téléchargés à partir de sources non fiables, ils peuvent compromettre la sécurité de votre site. Il est donc recommandé de n'utiliser les SVG qu'à partir de sources fiables et, si possible, d'assainir le contenu SVG avant de le télécharger.

Besoin d'aide ? Écrire à info@halkoo.com pour recevoir un devis personnalisé pour votre nouveau site web ou votre boutique en ligne.