Comment convertir jpg en webp et l'automatiser ?
- Julien Noncher-Gillet
- Automatisation
Convertir jpg en webp est devenu une étape essentielle pour tout site web souhaitant optimiser ses performances et son référencement.
Mais comment automatiser cette conversion pour gagner du temps et garantir une expérience utilisateur optimale ? Nous vous avons préparé quelques pistes pour cette étape technique afin de vous montrer qu’elle peut être simplifiée grâce à des outils adaptés !
Les avantages concrets du WebP
Imaginez que vos images sont des ingrédients bruts : le JPG ou le PNG, comme une carotte crue. Pour qu’elles soient prêtes à être utilisées sur votre site, il faut les “éplucher”, les “cuisiner” en WebP, un peu comme vous feriez rôtir la carotte pour extraire toute sa saveur et réduire son volume.
WebP est un format d’image créé par Google qui offre une compression 25-35% meilleure que JPG ou PNG sans perte de qualité, donc pour le même rendu visuel, votre image est au moins un quart plus légère, pas mal non ?
Cela se traduit par une expérience utilisateur plus fluide, avec des pages qui s’affichent presque instantanément, même sur des connexions lentes.
Pour illustrer cela, pensez à un site e-commerce : une image produit qui charge en une seconde au lieu de deux peut augmenter les conversions de 2 à 7%. C’est un peu comme servir une soupe chaude plutôt qu’une soupe froide : Pour la soupe froide, ce n’est pas sûr que l’utilisateur soit encore en train d’attendre !
Donc, passer au WebP, c’est un peu comme optimiser votre recette pour qu’elle soit non seulement savoureuse, mais aussi facilement trouvable dans le menu du restaurant.
Méthodes manuelles pour la conversion en WebP
Il existe plusieurs outils pour convertir jpg (ou d’autres formats) en webp gratuitement.
- Squoosh de Google : Un outil en ligne qui permet de compresser et convertir des images en WebP avec une interface intuitive.
- Avantage : Interface intuitive, pas besoin de compétences techniques.
- Inconvénient : Peu pratique pour des conversions en masse.
- Convertio : Un autre outil en ligne qui permet de convertir des images vers plusieurs formats, y compris WebP.
- Avantage : Prise en charge de nombreux formats d’entrée.
- Inconvénient : Limite de taille pour les fichiers gratuits (50 Mo).
- ImageMagick : Une bibliothèque open-source puissante qui peut être utilisée via la ligne de commande pour convertir des batches d’images.
- Avantage : Offre une liberté totale dans le paramétrage.
- Inconvénient : Demande une vraie compétence technique pour créer des scripts pour les utiliser en local, ou sur un serveur.
Ces solutions vous permettent de convertir vos images de jpg à webp mais vous demanderont toujours une intervention manuelle.
De plus, certains de ces outils gratuit (Comme Convertio) sont des solutions freemiums avec des limitations, proposant un accès à une offre payantes avec plus de quantités ou de possibilités.
Nous vous recommandons donc plutôt de les utiliser lorsque vous avez une petite quantité d’images à convertir en webP.
Pourquoi automatiser la conversion des images
Le format WebP est rarement natif dans les différents logiciel de création et il n’est pas utilisé pour les appareils de prise de vue comme les appareils photos ou les téléphones.
Vous n’avez donc pas le choix de convertir vous-même.
Reprenons l’analogie de la carotte, une carotte à éplucher, ça va, mais vous avez déjà épluché 200 carottes ? Nous non plus et ça ne nous pas pas franchement envie !
L’automatisation de la conversion des images jpg en webp est donc obligatoire pour fluidifier votre flux de travail et vous éviter des tâches redondantes.
Prêt à passer au WebP ?
Prêt à optimiser vos images ? En tant qu’experts en développement web, nous pouvons vous aider à automatiser la conversion de vos images tout en optimisant vos performances.
Contactez-nous pour discuter de votre projet et découvrir comment WebP peut transformer votre site web !
Comment convertir jpg en WebP automatiquement ?
Avec une grande quantité d’images à convertir, en une fois ou bien dû à un flux important de production de visuel pour votre site web, il est plus efficace d’utiliser des solutions automatisées.
Si on reste sur notre carotte : On lance la carotte dans une machine qui va l’éplucher et la déposer directement dans la poêle, donc un temps précieux de gagné !
Convertir des images jpg en webp automatiquement peut se faire de plusieurs manières, selon vos besoins techniques et votre infrastructure.
⚙️ Plugins pour WordPress
- ShortPixel Adaptative Images peut automatiser la conversion vers WebP lors du téléversement des images.
- Avantage : Mise en place simple mais avec des fonctionnalités avancées.
- Inconvénient : Traffic mensuel limité à 500Mo, bien pour les petits sites, mais peut vite demander une offre payante.
- Smush Image Optimization automatise la conversion des images quand vous les ajoutez sur votre site.
- Avantage : Compatible avec de nombreux autres plugins, il assure donc la stabilité sur votre site.
- Inconvénient : Limité dans sa version gratuite, par exemple pour la conversion sans perte ou le poids des images (pas plus de 5Mo).
☁️ Solutions cloud
- Cloudinary ou Imgix offrent des services puissants à travers des API pour la conversion et l’optimisation d’images ou d’autres types de contenus.
- Avantage : Solutions intéressantes sur le court terme ou pour les très grosses quantités de données. Possèdent généralement des fonctionnalités avancées comme un CDN ou des fallbacks pour assurer la compatibilité.
- Inconvénient : Coût potentiellement élevé car paiement à l’utilisation. Vous dépendez aussi d’un service externe, en cas de panne de ces services, vous êtes aussi impactés.
🖥️ Workflow et script côté serveur
Make ou Zapier permettent de mettre en place des solutions d’automatisation qui, complétées par des scripts, peuvent être exécutés côté serveur pour une intégration plus poussée et “invisible”.
Par exemple, un script PHP ou des flows d’automatisation peut convertir toutes les nouvelles images JPG d’un dossier en WebP.
Avantages : La solution est généralement sur mesure et donc parfaitement adaptée à vos besoins.
Inconvénient : Demande l’intervention technique et une vraie configuration côté serveur pour s’assurer du bon fonctionnement de la conversion des images.
Chacune de ces solutions fera varier le coût de mise en place initiale mais c’est aussi souvent un investissement sur la durée.
Les solutions initialement moins chères à mettre en place vous font aussi plus dépendre de services externes, alors qu’une vraie solution dédiée permet d’être totalement indépendant dans la conversion et la gestion de vos médias.
Bonnes pratiques et pièges à éviter
Si la conversion des images est très importante dans le cadre de l’optimisation SEO de votre site web, il y a quand même quelques bonnes pratiques à ne pas oublier :
- Le poids de votre image dépend aussi de sa taille ! Une image en 5000×3000 sera forcément plus lourde que la même version de cette image en 2500×1500 ! Pour rappel, la résolution d’écran la plus utilisée en France est 1920×1080… mais surtout, on pense mobile avec des résolutions proches de 390×844 !
- Évitez d’enregistrer plusieurs fois d’affilée la même image. Quand on traite une image, on le fait généralement en une fois ! Ne faites pas un enregistrement pour réduire la taille, puis un autre pour réduire le format, cela évitera de perdre la qualité de votre image et de voir apparaître du “grain” sur celle-ci.
- Pensez à la transparence ! Certains formats gèrent la transparence, comme le PNG et le WebP mais d’autres formats comme JPG non ! Parfois, vous devez donc choisir entre conserver la transparence sur une image, ou bien la convertir dans un format plus optimisé et donc plus léger !
Adoptez le WebP !
Convertir jpg en webp est une démarche technique que vous pouvez automatiser, vous gagnez ainsi du temps, améliorez l’expérience utilisateur et réduisez le temps de chargement de votre site web !
Nous avons vu que cette conversion peut être simplifiée grâce à des outils et scripts adaptés, tout en gardant à l’esprit les bonnes pratiques pour éviter les pièges courants.
Que ce soit pour des raisons de performance, de compatibilité ou d’éco-responsabilité, adopter WebP est une décision gagnante pour votre site web.
Et n’oubliez pas : chaque petit pas compte, que ce soit pour la vitesse de votre site ou éplucher des carottes (oui, on l’aura tenu jusqu’au bout) !
