Agences web partenaires : Iconic
Copyright Tooltip ©. Tous droits réservés. Agence Web Créative 2020
Pourquoi utiliser des images en format WEBP sur vos sites 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.
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.
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 :
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.
/** * 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 🧐 :
Copyright Tooltip ©. Tous droits réservés. Agence Web Créative 2020