Pourquoi utiliser des images en format WebP sur vos sites internet ? Comment utiliser WebP avec WordPress ?

Pourquoi utiliser des images en format WEBP sur vos sites internet ?

Pourquoi utiliser des images WebP sur un site internet

Les images représentent la moitié du temps de chargement de votre site internet, d’où l’importance de bien les optimiser.

En moyenne les images WEBP ont une taille 26% plus légère que les autres formats, ce qui permet de gagner du temps lors du chargement de votre site.

Un temps de chargement plus court est bon pour vos utilisateurs et ce qui est bon pour vos utilisateurs et bon pour le positionnement SEO de votre site.

Un peu d’histoire

logo google image

Let’s go …

WebP est un nouveau format d’images créé par Google en 2010. WEBP supporte la transparence (Comme le format PNG) et aussi les animations (comme les images GIF). 

Mais le point fort du WEBP est le fait d’avoir une bonne qualité des images tout en gardant une taille de fichier plus petite.

Comment utiliser WebP avec WordPress

Logo WordPress

Si vous avez essayé de télécharger un fichier WebP avec WordPress vous avez remarqué que ce type d’images est bloqué par défaut.

Pour pouvoir le faire, j’ai deux solutions pour vous :

1. Utiliser une extension

logo extension webp express plugin wordpress

Vous pouvez utiliser l’extension WebP express

Cette extension va vous permettre de convertir les images que vous téléchargez (JPEG, PNG etc.) en images WebP. Sympa non ?

Si vous avez déjà toutes vos images en JPG ou PNG sur votre site et vous ne voulez pas perdre du temps à tout remettre en place, je vous conseille l’extension Autoptimize.

Cette extension convertit vos images en WebP en plus d’améliorer considérablement la vitesse de chargement de votre site. Que du bénéfice.

2. Ajouter ce code à votre fichier “functions.php”

/**
 * Sets the extension and mime type for .webp files.
 */
add_filter( 'wp_check_filetype_and_ext', 'wpse_file_and_ext_webp', 10, 4 );
function wpse_file_and_ext_webp( $types, $file, $filename, $mimes ) {
    if ( false !== strpos( $filename, '.webp' ) ) {
        $types['ext'] = 'webp';
        $types['type'] = 'image/webp';
    }

    return $types;
}

/**
 * Adds webp filetype to allowed mimes
 * @return array
 */
add_filter( 'upload_mimes', 'wpse_mime_types_webp' );
function wpse_mime_types_webp( $mimes ) {
    $mimes['webp'] = 'image/webp';

  return $mimes;
}

Ce bout de code va vous permettre de télécharger des images avec le format WebP

Si vous ne savez pas où trouver votre fichier “functions.php”, c’est très simple. 

Vous devez, par contre, vous munir d’un accès FTP ou SSH, ou utiliser l’onglet Editeur de thème de WordPress.

Le chemin d’accès du fichier est /wp-content/themes/[votre-thème-utilisé]/functions.php

Ensuite ajoutez le code fourni (en bas du fichier par exemple).

😀😀

Et voilà ! Vous pouvez désormais télécharger des images WebP sur votre site.

Si vous avez des questions n’hésitez pas à nous contacter par email ou en utilisant notre formulaire de contact ! Vous ne dérangez pas ! A bientôt 😉

Des questions ? Nous sommes là pour vous aider 🧐 :

bonjour@agencewebtooltip.com