Optimiser vos images pour le SEO : convertir en WebP

Le par Anthony Domps.

Les images trop lourdes sont un classique : elles ralentissent vos pages, dégradent l’expérience utilisateur et pénalisent votre référencement. Avec ImageMagick, vous pouvez convertir vos PNG en WebP, réduire leur taille et automatiser tout ça en quelques lignes de commande.

Pourquoi convertir vos images en WebP ?

Le format WebP permet de réduire significativement le poids des images tout en conservant une qualité visuelle correcte. Les pages se chargent plus rapidement, le score Core Web Vitals est meilleur et cela donne un petit coup de pouce pour le SEO.

Installer ImageMagick

# Ubuntu / Debian
sudo apt install imagemagick

# macOS (Homebrew)
brew install imagemagick

Note : Si vous utilisez une ancienne version d'ImageMagick (v6), la commande commence par convert au lieu de magick.

Conversion simple PNG → WebP

magick input.png output.webp

Simple, efficace.

Ajuster la qualité

magick input.png -quality 80 output.webp

Une qualité entre 70 et 85 est généralement idéale pour le web. Plus bas = image plus légère, mais attention à la dégradation visuelle.

Redimensionner une image

magick input.png -resize 1200x630 output.webp

Ou en conservant les proportions :

magick input.png -resize 1200x output.webp

Certaines dimensions sont devenues des standards de fait, notamment pour les images de partage sur les réseaux sociaux (Open Graph). Une taille très couramment utilisée est 1200×630 pixels. Elle offre un bon compromis entre qualité d’affichage, compatibilité avec les plateformes sociales et poids raisonnable après optimisation.

Conversion + resize en une seule commande

magick input.png -resize 1200x -quality 80 output.webp

Avant / Après : gains de poids et performances

Prenons un exemple concret : une image PNG classique de 1,8 Mo utilisée en bannière sur un site.

Une réduction de poids pouvant dépasser 80 % sans perte visuelle significative dans la majorité des cas.

Redimensionner sans déformation grâce au crop centré

Pour obtenir une image parfaitement adaptée à une taille fixe (par exemple 1200×630) sans la déformer, ImageMagick permet une approche basée sur le recadrage centré. Le principe est simple : l’image est d’abord redimensionnée pour couvrir entièrement la zone cible, puis elle est recadrée proprement au centre.

Cette méthode évite les étirements disgracieux tout en garantissant un rendu homogène. 

magick input.png -resize 1200x630^ -gravity center -extent 1200x630 output.webp

Le symbole ^ indique à ImageMagick de remplir la zone cible au minimum, tandis que -gravity center définit le point de découpe. Enfin, -extent impose la taille finale en recadrant les bords excédentaires.

Optimisation supplémentaire

magick input.png -strip -resize 1200x -quality 80 output.webp

L’option -strip supprime les métadonnées (EXIF, profils inutiles), ce qui réduit encore le poids du fichier.

Traitement par lot (batch)

magick mogrify -path output -format webp -strip -resize 1200x -quality 80 *.png

Parfait pour traiter un dossier entier d’images.

Conclusion

En combinant conversion WebP, redimensionnement et suppression des métadonnées, vous obtenez des images nettement plus légères pour un site plus rapide et une meilleure expérience utilisateur.