Convertir une image png, gif ou jpg en image WebP
9 juin 2020 camillejg Laisser un commentaire
On l’a vu sur un post précédent, le format WebP a un réel intérêt afin d’optimiser le temps de chargement de vos pages, en réduisant significativement la taille des images chargées dans le navigateur.
Mais comment convertir un image classique en image WebP me direz-vous ? Rien de plus simple, plusieurs solutions s’offrent à vous selon votre projet.
En PHP, lors du traitement d’une image
En PHP, vous avez la possibilité de convertir une image vers le format WebP grâce à la fonction « imagewebp« , qui va permettre d’afficher ou d’enregistrer dans un fichier une image passée en paramètre.
$file = 'image.jpg';
// Création de l'image
$image = imagecreatefromjpeg($file);
// Enregistrement au format WebP
imagewebp($image,'image.webp');Cette fonction peut donc être utilisée pour la création d’images à la volée, ou en pré-traitement lors de l’upload par exemple.
Rien de plus simple ensuite pour l’afficher, utilisez la balise <picture> au lieu de la balise <img />. En savoir plus sur mon article « Prévoir une image alternative à une image WebP en HTML« .
A l’aide d’un convertisseur en ligne
Il existe de nombreux convertisseurs en ligne vous permettant de convertir en quelques clics toutes vos images JPG, PNG ou GIF en WebP. Mais comme on est jamais mieux servi que par soi-même (:D), je vous ai mis à disposition un convertisseur en ligne de WebP.
C’est gratuit et sans limite, donc n’hésitez pas à l’utiliser !
En utilisant un CDN (Content Delivery Network)
Dernière solution, facile à mettre en place, l’utilisation d’un service de CDN. Ceux-ci, au-delà de l’optimisation des images, auront l’avantage de vous apporter une approche globale afin de vous aider à améliorer vos performances de chargement.
Concernant les images, ils choisissent automatiquement, ou selon des critères que vous allez donner, l’ensemble des images de votre site Internet, les transforment en WebP lorsque cela permet d’optimiser leur taille, et les proposent directement dans ce format à vos visiteurs.
Quelques Content Delivery Network connus :
- StackPath (anciennement MaxCDN)
- CloudFlare
- Cache Fly
- CDN77