Une image étirée ou écrasée après redimensionnement est l'une des erreurs les plus visibles sur un site web, et pourtant l'une des plus faciles à éviter. Voici les bons réflexes.

Comprendre le ratio d'aspect

Le ratio d'aspect d'une image est le rapport entre sa largeur et sa hauteur. Une image de 1600 par 1200 pixels a un ratio de 4:3. Pour redimensionner sans déformer, il faut impérativement conserver ce ratio : réduire la largeur de moitié impose de réduire la hauteur de moitié également, sinon l'image apparaît étirée horizontalement ou verticalement.

Redimensionner en indiquant une seule dimension

La méthode la plus fiable consiste à indiquer uniquement la largeur souhaitée, et à laisser l'outil calculer automatiquement la hauteur correspondante pour conserver le ratio d'origine. C'est le comportement par défaut de Compressio lorsqu'on renseigne une largeur maximale : la hauteur s'ajuste automatiquement, sans intervention manuelle.

Le piège du redimensionnement forcé dans certains éditeurs

Certains logiciels ou champs de formulaire permettent de saisir séparément une largeur et une hauteur, sans lien entre les deux. Si ces deux valeurs ne respectent pas le ratio d'origine, l'image sera automatiquement déformée à l'affichage, un problème fréquent sur des vignettes ou des bannières redimensionnées à la main sans vérification.

Agrandir une image : les limites à connaître

Réduire une image ne pose pas de problème de qualité particulier. Agrandir une image au-delà de sa résolution d'origine, en revanche, ne peut pas créer de détail qui n'existait pas : le résultat apparaît flou ou pixelisé au-delà d'un certain seuil d'agrandissement, quel que soit l'outil utilisé. Mieux vaut donc toujours partir d'une image dont la résolution d'origine est égale ou supérieure à la taille finale souhaitée.

En résumé

Conserver le ratio d'aspect, ne renseigner qu'une seule dimension et laisser l'outil calculer l'autre, et éviter d'agrandir une image au-delà de sa résolution native : trois réflexes simples qui évitent la quasi-totalité des problèmes de déformation.