Compresser une image à 1 MB

La vitesse de chargement, lecteurs comme moteurs de recherche la remarquent, et les images sont d’ordinaire l’élément le plus lourd d’une page. Une seule photo d’appareil non traitée peut peser de 5 à 10 Mo : mettez-en trois dans un article et un mobile en données cale avant que le texte n’apparaisse.

Garder chaque image autour de 1 Mo laisse la page réactive et aide des métriques Core Web Vitals comme le Largest Contentful Paint, tout en conservant assez de résolution pour une couverture pleine largeur sur un portable ou un écran haute densité. C’est la taille qui équilibre bel aspect et chargement rapide.

Un mégaoctet est généreux, vous n’avez donc que rarement à sacrifier de la qualité visible ; l’astuce est de ne pas le gaspiller. Redimensionnez d’abord l’image à la plus grande largeur à laquelle elle s’affichera vraiment : une couverture vue à 1600 pixels de large ne gagne rien à un original de 6000 sinon du poids.

Compressez ensuite vers 1 Mo, et pour le web pensez au WebP, qui garde en général la même netteté que le JPG à une taille nettement moindre. Les photos, les dégradés et les scènes détaillées tiennent 1 Mo sans peine ; les seules qui souffrent sont celles réduites de trop avant compression.

Le redimensionnement et le réencodage se font dans votre navigateur, donc rien d’une photo de produit non publiée ou d’un brouillon de blog n’est téléversé avant que vous ne le publiiez. Cela garde les contenus sous embargo ou de clients hors des serveurs tiers, et vous laisse traiter toutes les images d’un article d’un coup sans attendre un téléversement. Le fichier est géré en local et renvoyé au téléchargement, sans compte et sans laisser de trace.

La plus grande économie sur une image web vient du redimensionnement avant compression, pas seulement de la baisse de qualité. Décidez la plus grande largeur à laquelle l’image s’affichera un jour — une couverture pleine largeur dépasse rarement 2000 pixels, et une image dans un article bien moins — et mettez-la à cette échelle d’abord. Une photo ramenée à sa largeur réelle atteint 1 Mo avec de la qualité en réserve, alors que la même prise laissée à 6000 pixels doit être écrasée pour tenir, d’où le manque de netteté. Accordez les pixels à la maquette et le mégaoctet fait le reste ; en cas de doute sur la largeur, regarder la colonne de contenu du thème ou du gabarit va plus vite que deviner.