Calculateur d’économie d’images : comparer avant et après

Comment utiliser cet outil

1. Mesurez l’original et la version optimisée de la même image pour le même usage prévu.
2. Saisissez les tailles dans l’unité choisie, sans mélanger KB et MB.
3. Ajoutez d’autres images pour obtenir une estimation à l’échelle de la page.
4. Indiquez éventuellement les pages vues mensuelles pour un scénario supposant un téléchargement complet par vue.
5. Examinez visuellement les images avant de valider les fichiers réduits comme remplacements.

Le calculateur ne compresse, ne téléverse et ne récupère aucun fichier ou page. Il traite les nombres dans votre navigateur. Comparez contenu et qualité équivalents : une petite miniature ne remplace pas nécessairement une grande photo de produit.

Comprendre les résultats

Les octets économisés correspondent à la taille originale moins la taille optimisée. Le pourcentage divise cette différence par l’original, puis multiplie par 100. L’original doit avoir une taille positive ; zéro ne fournit pas un dénominateur pertinent.

Le total de page additionne les gains saisis. L’estimation mensuelle le multiplie par les pages vues indiquées. Ce sont des calculs, pas des observations de trafic ou de bande passante. Respectez la même convention d’unité dans toute l’interface.

L’estimation suppose que toutes les images listées sont téléchargées à chaque vue. En réalité, caches navigateur et périphériques, sélection responsive, chargement différé, revisites et profondeur de lecture modifient le transfert. Certaines vues ne demandent qu’une partie des fichiers.

Si l’optimisé est plus lourd, examinez source et export. Un autre format n’est pas systématiquement plus petit. Gardez un gain négatif valide au lieu de le transformer en affirmation commerciale positive.

Deux fois moins d’octets signifie-t-il deux fois moins d’attente ?

Non. Découverte, réseau, téléchargements parallèles, décodage et rendu affectent le délai. Même petite, l’image visible la plus grande peut arriver tard si le navigateur la découvre tard.

Le guide LCP aide à identifier la phase concernée. Le calculateur compare le transfert, sans prédire LCP ou la note Lighthouse à partir des tailles seules.

Quelle variante comparer sur une page responsive ?

Comparez la ressource choisie avant et après sous les mêmes conditions de fenêtre et d’appareil. srcset propose plusieurs candidats et un écran à haute densité peut sélectionner un autre fichier.

Inspectez la requête réelle dans le navigateur. Le guide des images explique sizes, les largeurs candidates et l’espace affiché. Séparez les calculs lorsque mobile et ordinateur téléchargent des ressources sensiblement différentes.

Comment utiliser l’estimation mensuelle ?

Comme scénario de planification. Notez vues supposées, images incluses et influence probable du cache ou des téléchargements partiels. Ne présentez pas le calcul comme une baisse de facture mesurée ou un gain financier garanti.

Après publication, comparez transfert réel et expérience lorsque les mesures existent. Conservez qualité, texte alternatif informatif et dimensions stables en améliorant la livraison.