Actifs Web et animation · Guide pratique
Conserver les originaux quand on convertit une image en WebP ou AVIF
Conservez le master non remplacé et créez les fichiers optimisés dans un dossier de dérivés.
Préparer les pièces et leurs relations
Fixez dimensions, usage et zones à examiner avant de comparer les encodages. Notez l’encodeur, sa version et les réglages réellement utilisés. Deux extensions différentes ne décrivent pas seules la qualité, le poids ou le comportement d’une image dans la page.
Effectuer le contrôle ciblé
Comparez les sorties à dimensions égales avec le master : détails fins, dégradés, textes et transparence éventuelle. Relevez le poids réel et le rendu dans les navigateurs cibles. Si vous modifiez dimensions et compression à la fois, indiquez ces deux changements pour interpréter le résultat. Gardez une solution de repli si le contexte du projet l’exige et faites confirmer la compatibilité de l’intégration.
Identifier la sortie réellement destinée à la diffusion
Reliez la création de référence à chaque sortie utile et notez sa destination. Gardez les essais d’optimisation dans un espace de travail distinct du paquet retenu. Avant la remise, une autre personne doit pouvoir retrouver la bonne sortie et comprendre son usage sans deviner le sens de noms comme « final2 ». Signalez les adaptations de contenu, de cadrage ou de comportement qui accompagnent le changement de format.
Ne supposez pas que la conversion est réversible ni que chaque sortie sera plus légère. Le meilleur choix dépend de l’image et de l’usage. Une mesure sur un échantillon fictif ne prédit pas le gain de tout un site.
| Pièce ou zone fictive | Rôle dans le dossier | Contrôle à effectuer |
|---|---|---|
| visuel-master.tif | Original fictif | Ne pas écraser |
| visuel-web.webp | Dérivé fictif | Dimensions et poids à mesurer |
| visuel-web.avif | Dérivé fictif | Dégradés et compatibilité |
EXEMPLE FICTIF
Cas fictif : visuel-master.tif
L’agence fictive Pixel compare deux exports dont les dimensions diffèrent et croit attribuer tout le gain au format. Elle refait la comparaison à dimensions égales, mesure les fichiers et retient le rendu correspondant à la page prévue.
- Créer une fiche de contrôle pour visuel-master.tif en conservant l’état de référence.
- Examiner visuel-web.webp selon le contrôle indiqué, puis noter l’écart et la prochaine action.
- Rattacher visuel-web.avif à l’inventaire retenu et demander le retour précis du destinataire.
Avant de poursuivre
- Identifier visuel-master.tif et sa version sans écraser la référence précédente.
- Contrôler visuel-web.webp selon la consigne notée dans le registre.
- Relier visuel-web.avif à l’usage et au destinataire prévus.
- Marquer les points ouverts et la personne chargée de les résoudre.
- Conserver le résultat observé et les limites du contrôle effectué.
Registre fictif : les originaux avant conversion WebP ou AVIF
Les questions utiles
Puis-je jeter le master après conversion ?
Gardez-le pour les futures adaptations. Les dérivés optimisés peuvent perdre des informations ou ne plus convenir à une nouvelle taille de diffusion.
Sources et repères
MDN — Image file type and format guide