Redimensionner une image : calculer largeur et hauteur

Indiquez la largeur et la hauteur d’origine, puis une largeur cible, une hauteur cible ou les deux. Si vous ne fournissez qu’une dimension cible, le calculateur déduit l’autre des proportions d’origine et l’arrondit au pixel entier le plus proche. Si vous fournissez les deux, il renvoie exactement ces dimensions. Le résultat est déterministe et convient aux pipelines d’images, aux mises en page adaptatives, à la validation des téléversements et à la génération de commandes, sans téléverser ni décoder d’image.

Calculez une taille proportionnelle avec une seule cible

Commencez par saisir la largeur et la hauteur en pixels de l’image source. Indiquez ensuite target_width ou target_height. Le calculateur divise la dimension cible choisie par la dimension d’origine correspondante afin d’obtenir le facteur d’échelle, applique ce facteur à l’autre côté, puis arrondit le résultat au pixel entier le plus proche. Ainsi, une image de 1920 sur 1080 redimensionnée à une largeur de 1280 devient une image de 1280 sur 720. Cette méthode conserve les proportions de la source aussi fidèlement que le permettent les pixels entiers : les cercles restent ronds et les sujets ne semblent pas étirés. Elle est particulièrement utile lorsqu’une mise en page fixe un axe et laisse l’autre s’adapter, par exemple une colonne de blogue de largeur fixe ou une galerie dont les rangées ont une hauteur fixe. Cet outil calcule uniquement les dimensions : il ne téléverse, ne décode, ne rééchantillonne, ne recadre, ne compresse et ne modifie aucune image. Vous pouvez transmettre les dimensions obtenues à une bibliothèque graphique, un processeur en ligne de commande, un pipeline de contenu ou une règle de rendu du navigateur.

Utilisez les deux cibles pour obtenir un cadre exact

Indiquez target_width et target_height lorsque la destination exige un cadre aux dimensions exactes en pixels. Dans ce mode, le calculateur renvoie directement les deux valeurs demandées. Il ne modifie discrètement aucune valeur pour conserver les proportions d’origine, car cela contredirait les dimensions que vous avez explicitement fournies. Cette distinction compte pour les emplacements publicitaires, les fiches de places de marché, les modèles d’impression, les écrans et les anciens systèmes qui n’acceptent qu’un canevas fixe. Si les proportions cibles diffèrent de celles de la source, un logiciel de traitement devra choisir la suite : étirer l’image, la recadrer pour remplir le cadre ou l’ajuster en laissant de l’espace vide. Cette capacité ne prend volontairement pas cette décision visuelle. Elle fournit un résultat clair et prévisible que le code en aval peut associer à une stratégie explicite. Comparez les proportions avant d’étirer des photographies, logos, schémas, illustrations ou textes, sans quoi une déformation visible risque d’apparaître.

Gérez de façon fiable les pixels, l’arrondi et la validation

Les quatre dimensions sont des entiers positifs, puisque les images matricielles sont mesurées en pixels entiers. La largeur et la hauteur d’origine sont toujours obligatoires, et au moins une dimension cible doit être présente. Les zéros, valeurs négatives, fractions, valeurs non numériques et dimensions dépassant la limite publiée d’un milliard de pixels sont rejetés plutôt que convertis. Avec une seule cible, le côté calculé utilise l’arrondi standard à l’entier le plus proche et ne descend jamais sous un pixel. Pour une très petite image, l’arrondi peut produire un rapport légèrement différent du rapport mathématique, ce qui est inévitable puisqu’un pixel fractionnaire n’existe pas. Pour une automatisation reproductible, envoyez les dimensions indiquées dans les métadonnées du fichier plutôt que ses dimensions CSS d’affichage ou une estimation manuelle. Une même entrée produit toujours la même sortie : aucun accès réseau, hasard, horloge, examen d’image ni état caché n’intervient. Le résultat peut donc être mis en cache, testé avec des fixtures golden et réutilisé dans des clients API comme dans des parcours de navigateur.