30 Mar 2021

WordPress et le SVG : comment activer le support dans la médiathèque

Pour des raisons de sécurité, WordPress n’autorise pas nativement le support des SVG. Il est possible facilement d’activer cela en quelques clics et avec l’écriture d’un bout de code. La prise en charge du SVG par WordPress, c’est très facile !

Le SVG, c’est quoi ?

SVG c’est l’acronyme de Scalable Vector Graphics, qu’on traduirait en français par l’appellation de graphique vectoriel adaptable. C’est le moyen d’utiliser une image vectorielle sur le web. Ok, mais ça sert à quoi ? Le SVG est populaire parce qu’il permet de redimensionner une image sans qu’elle ne pixellise. En terme de performances, le poids d’une image SVG est souvent beaucoup plus léger qu’un JPEG ou un PNG.

Comment activer la prise en charge des SVG par WordPress ?

À l’ajout d’un SVG dans la médiathèque WordPress, vous rencontrerez l’erreur « Désolé, ce type de fichier n’est pas autorisé pour des raisons de sécurité ».

Vous devez ajouter ce bout de code dans votre fichier SVG dès la première ligne :

<?xml version="1.0" encoding="utf-8"?>


Vous devez ajouter ce bout de code dans votre fichier functions.php

/* Autoriser les fichiers SVG */
function mv_mime_types($mimes) {
	$mimes['svg'] = 'image/svg+xml';
	return $mimes;
}
add_filter('upload_mimes', 'mv_mime_types');