Redimensionner une image par pourcentage

Vous indiquez la largeur et la hauteur d'origine ainsi que le pourcentage, et l'outil renvoie les dimensions résultantes arrondies au pixel entier, accompagnées du nombre final de mégapixels. Il s'agit de pur calcul arithmétique — aucune image n'est téléversée, traitée ni stockée —, donc l'opération s'exécute instantanément dans votre navigateur et de façon identique via l'API lorsque vous en avez besoin dans un script de build, une chaîne de génération de miniatures ou un calcul de mise en page qui doit connaître le cadre exact qu'occupera une image avant même qu'elle n'existe.

Pourquoi le redimensionnement en pourcentage est trompeusement simple

Mettre une image à l'échelle selon un pourcentage ressemble à une simple multiplication, mais ce sont les détails qui décident si votre mise en page casse ou non. Chaque côté doit être calculé indépendamment puis arrondi au pixel entier, car 640,5 pixels n'existent pas. Multipliez naïvement 1920 par 33 pour cent et vous obtenez 633,6, qu'aucun moteur de rendu n'accepte ; ce calculateur renvoie 634. La règle d'arrondi compte surtout pour les petites images : réduire une icône de 11 pixels à 15 pour cent donne 1,65 pixel, et la réponse honnête est 2, et non un 1 tronqué qui déformerait silencieusement le rapport d'aspect. Connaître ces chiffres avant de toucher à l'image vous permet de préallouer la bonne taille de canevas dans une tâche de miniatures, d'écrire les attributs width et height corrects dans votre HTML pour éviter tout décalage au chargement, et de vérifier qu'un redimensionnement par lots a bien produit ce que vous demandiez. L'outil redimensionner une image en pourcentage effectue exactement ce calcul, de manière déterministe : la réponse affichée dans le navigateur est, octet pour octet, celle que l'API renvoie à votre code.

Comment fonctionne le calcul

La formule tient en une ligne par dimension : nouveau côté égal côté d'origine multiplié par le pourcentage, divisé par cent, arrondi au pixel entier le plus proche. Un pourcentage de 50 divise l'image par deux, 100 la laisse inchangée et 250 l'agrandit deux fois et demie. La largeur et la hauteur utilisent le même facteur, ce qui préserve le rapport d'aspect — à l'erreur d'arrondi sub-pixel près, inévitable lorsque des pixels entiers ne peuvent pas exprimer le rapport exact. Le résultat inclut aussi le nombre de mégapixels de la sortie, qui est le chiffre prédisant réellement la taille du fichier et le coût en mémoire : réduire à 50 pour cent ne divise pas les pixels par deux, il les divise par quatre, car la surface croît avec le carré des côtés. Le pourcentage doit être positif ; zéro ou une valeur négative est rejeté comme entrée invalide plutôt que de produire silencieusement une image de dimension nulle, et un côté calculé ne peut jamais descendre sous un pixel. Chaque exemple de cette page a été généré en exécutant le véritable gestionnaire : ce que vous lisez est ce que vous obtenez.

Où il s'intègre dans un flux de travail réel

Les développeurs front-end l'utilisent pour calculer les entrées srcset responsives : à partir d'une image maîtresse de 2400 pixels, les variantes à 25, 50 et 75 pour cent donnent 600, 1200 et 1800 pixels, et ces chiffres vont directement dans le balisage. Les designers s'en servent quand un client demande une photo à 30 pour cent pour une newsletter et qu'il faut confirmer que le résultat respecte toujours la largeur minimale du modèle d'e-mail. Les ingénieurs backend appellent l'API dans des contrôles de pipeline, comparant les dimensions qu'un redimensionneur a produites à celles qu'il aurait dû produire, et faisant échouer la tâche en cas d'écart. Comme cette capacité est un pur calcul sans manipulation de fichiers, la répéter ne coûte rien : la version navigateur de cette page est gratuite et illimitée, et l'API ne facture que $0.002 par appel lorsque vous l'automatisez. Si vous avez besoin de transformer les pixels eux-mêmes plutôt que de calculer les dimensions, c'est une autre capacité ; celle-ci existe pour que l'étape de planification soit exacte, rapide et assez économique pour s'appliquer à chaque image du lot.