Optimiser une image pour le Web
Redimensionner, convertir en WebP et compresser une image.
À quoi sert ce modèle ?
Redimensionner, convertir en WebP et compresser une image.
Ce modèle prépare une image pour une page Web : il la ramène à une largeur raisonnable puis l’encode en WebP avec une qualité réglable. Le fichier obtenu est souvent bien plus léger qu’une photo d’appareil ou une capture PNG, ce qui accélère le chargement de la page.
Étapes du Pipeline
Ce modèle enchaîne automatiquement 4 étapes dans le Workspace. Vous gardez la main sur chaque réglage avant l’exécution.
- 1Importer une image
- 2Redimensionner l’image
- 3Convertir et compresser
- 4Télécharger l’image
Pourquoi les étapes sont dans cet ordre
Le redimensionnement vient avant la conversion : l’encodeur compresse ainsi l’image à sa taille finale, ce qui est plus rapide et donne un meilleur poids qu’une compression suivie d’une réduction.
Quand utiliser ce modèle ?
- Publier une photo de 4 000 px de large dans un article de blog.
- Alléger une capture d’écran PNG avant de l’intégrer à une documentation.
- Préparer une image produit pour une boutique en ligne.
Traitement local dans votre navigateur
Lorsque les modules utilisés sont compatibles avec le traitement local, vos fichiers restent sur votre appareil pendant l’exécution.
Réglages à vérifier
- Largeur : 1 600 px par défaut, hauteur calculée pour garder les proportions.
- Format : WebP par défaut, JPEG ou PNG au choix ; qualité 82 sur 100.
- Ajustement : « contenir » par défaut ; « couvrir » recadre pour remplir exactement une largeur et une hauteur données.
Exemple
- Au départ
- Photo JPEG de 4 032 × 3 024 px, 3,8 Mo.
- À l’arrivée
- WebP de 1 600 × 1 200 px, généralement quelques centaines de kilo-octets selon le sujet.
Limites à connaître
- Une image plus étroite que la largeur demandée est agrandie, donc moins nette : baissez la largeur pour ces images.
- Le PNG ne tient pas compte du réglage de qualité : il reste sans perte et souvent lourd pour une photo.
- Le poids final dépend du contenu : une image très détaillée reste plus lourde qu’un aplat.