Autoriser le SVG et le WEBP dans WordPress • Capitaine WP

WordPress ne permet pas nativement d’importer des images au format .svg ou .webp, mais il est possible de les autoriser via un petit bout de code.

Sommaire du cours

Autoriser l’import de fichiers SVG et WebP
Convertir automatiquement en WebP avec Imagify

Le format SVG est très pratique car permet d’obtenir des illustrations vectorielles. Quant au WEBP, il permet des images moins lourdes que JPG, tout en proposant de la transparence comme le PNG.

Autoriser l’import de fichiers SVG et WebP

Et pour profiter de ces formats modernes sur votre site WordPress, pas la peine d’une extension, car un simple bout de code à placer dans le fichier functions.php de votre thème suffira.

PHP

functions.php

<?php

// Hooks
add_filter( 'upload_mimes', 'capitaine_mime_types' );
add_filter( 'wp_check_filetype_and_ext', 'capitaine_file_types', 10, 4 );

// Autoriser l'import des fichiers SVG et WEBP
function capitaine_mime_types( $mimes ){
    $mimes['svg'] = 'image/svg+xml';
    $mimes['webp'] = 'image/webp';
    return $mimes;
}

// Contrôle de l'import d'un WEBP
function capitaine_file_types( $types, $file, $filename, $mimes ) {
	if ( false !== strpos( $filename, '.webp' ) ) {
    	$types['ext'] = 'webp';
   		$types['type'] = 'image/webp';
	}
	return $types;
}

Par contre, la bibliothèque de média ne sait pas générer un aperçu de ces formats. Vous ne verrez donc pas de miniature s’afficher.

Attention

Le SVG pourrait poser souci en terme de sécurité. Ne les autorisez pas si n’importe quel utilisateur peut importer des images sur votre site.

Convertir automatiquement en WebP avec Imagify

L’extension Imagify, par les créateurs de WP Rocket, optimise les images de votre site. Imagify propose également une option pour convertir automatiquement tous les médias importés en WebP !

Imagify permet de convertir les images en webp automatiquement. — Cochez l’option WebP pour convertir automatiquement les images importées

Vous avez en main toutes les clés pour profiter des formats d’images optimées sur votre site !

L'auteur : Maxime BJ

https://capitainewp.io • @maximebj

Développeur et consultant WordPress depuis plus de 10 ans, j'ai fondé Capitaine WP et WPChef