Redimensionner ou compresser ? Le bon ordre pour réduire une image

« Réduire une image » peut vouloir dire deux choses très différentes : diminuer ses dimensions (redimensionner) ou alléger le fichier à dimensions égales (compresser). Beaucoup confondent les deux — mais dans le mauvais ordre, on ne gagne pas assez ou on sacrifie la qualité pour rien. Comprendre la différence — et le bon ordre — est la clé de fichiers légers qui restent beaux.

Ce que fait le redimensionnement

Le redimensionnement change les dimensions en pixels, par exemple de 4000×3000 à 1200×900. Comme la taille du fichier croît avec le nombre de pixels, réduire les dimensions a un effet énorme : diviser largeur et hauteur par deux supprime environ 75% des pixels — et généralement l'essentiel du poids.

Ce que fait la compression

La compression réduit les octets nécessaires pour stocker les mêmes pixels, en éliminant des détails à peine perceptibles (avec perte) ou en empaquetant les données plus efficacement (sans perte). Elle allège le fichier sans changer les dimensions, au prix d'un peu de qualité pour les formats avec perte.

Lequel faire en premier ?

Redimensionnez d'abord, compressez ensuite. Inutile de compresser soigneusement des millions de pixels que vous allez jeter. Redimensionnez l'image à sa plus grande taille d'affichage réelle, puis compressez cette image réduite. Dans l'ordre inverse, l'information compressée avec soin est de nouveau jetée par le redimensionnement — double travail.

Une règle simple

• Déterminez la taille d'affichage maximale (+ ~2x pour retina)
• Redimensionnez l'image à cette taille
• Convertissez en WebP ou AVIF, qualité autour de 75
• Comparez avant/après et ajustez si besoin

Combinez les deux pour le meilleur résultat

Les plus gros gains viennent des deux à la fois. Une photo de 5 Mo affichée dans une colonne étroite de blog peut tomber bien sous les 100 Ko après redimensionnement à la bonne largeur et compression en WebP — sans différence visible. Scrunch gère la conversion et la compression : associez-le à une taille d'affichage raisonnable et vos images seront aussi légères que possible.

Questions fréquentes

Le redimensionnement dégrade-t-il la qualité ?

Si vous réduisez à peu près à la taille d'affichage — pas en dessous —, l'image paraît même plus nette à l'écran. Elle ne devient floue que si vous la rétrécissez sous l'espace qu'elle occupe : visez la taille d'affichage (environ 2x pour retina).

La compression seule ne suffit-elle pas ?

Si les dimensions d'origine dépassent largement la taille d'affichage, la compression seule a ses limites — vous compressez des pixels inutiles. Réduire d'abord leur nombre par un redimensionnement rapporte bien davantage.

Puis-je redimensionner et compresser en une fois ?

Oui. Appliquez les deux étapes dans l'ordre : redimensionner à la taille d'affichage, puis compresser en WebP ou AVIF. Tant que l'ordre est respecté, vous obtenez le fichier le plus léger à qualité donnée.

À quelle largeur redimensionner ?

À la largeur maximale d'affichage réel de l'image. Si votre colonne de contenu fait 800 pixels, environ 1600 pixels couvrent aussi les écrans retina. Plus grand gaspille la bande passante ; plus petit paraît flou à l'écran.