Outils SVG

Dimensions SVG

Réglez la largeur et la hauteur d’affichage du SVG, avec ou sans conservation des proportions, sans modifier ses coordonnées internes.

Votre SVG est traité uniquement dans votre navigateur, sans envoi à un serveur.

À propos de cet outil

L’outil Dimensions SVG ajuste la taille d’affichage du fichier pour attribuer une largeur et une hauteur précises à une icône ou une illustration. Il ne convertit pas le SVG en image matricielle et ne réécrit pas les coordonnées des tracés.

Mode d’emploi

  1. Choisissez un fichier SVG ou collez son code, puis consultez les dimensions et le viewBox actuels.
  2. Saisissez une largeur. Si les proportions sont connues et verrouillées, la hauteur s’ajuste automatiquement.
  3. Pour définir les dimensions séparément, désactivez le verrouillage des proportions et saisissez les deux valeurs.
  4. Appliquez les dimensions, vérifiez l’aperçu et téléchargez resized.svg.

Fonctionnalités

  • Réglez les dimensions d’affichage en pixels. La conservation des proportions est activée par défaut.
  • Utilise en priorité le rapport d’un viewBox valide ou, à défaut, les dimensions explicites du fichier.
  • Si les dimensions ne permettent pas de déterminer un rapport fiable, un message vous invite à saisir la largeur et la hauteur.

Dimensions d’affichage et coordonnées internes

  • width et height définissent la taille de la zone d’affichage ; viewBox définit les coordonnées internes. Cet outil modifie la taille d’affichage et conserve le viewBox existant.
  • Avec un viewBox de 0 0 800 600 et les proportions verrouillées, une largeur de 400 donne une hauteur de 300.
  • Sans viewBox, changer les dimensions peut uniquement modifier la zone visible, sans redimensionner les formes. Vérifiez le résultat et utilisez le calculateur viewBox si nécessaire.
  • Le téléchargement principal conserve les contenus non modifiés, qui peuvent inclure des scripts ou liens externes. L’aperçu les filtre ; une copie SVG filtrée est également disponible au téléchargement.

Sécurité des fichiers SVG

L’aperçu utilise une copie statique sécurisée. Il n’exécute aucun script, clic interactif ou animation et ne charge aucune image, police ni feuille de style externe. Les références externes, pages intégrées et contenus non pris en charge sont retirés : l’aperçu peut donc différer de l’original. Les documents contenant un DOCTYPE ou des entités personnalisées ne sont pas acceptés.

Le fichier SVG ou son code UTF-8 est limité à 2 Mio, 20 000 nœuds (éléments et texte compris) et 96 niveaux d’imbrication. Simplifiez d’abord les fichiers trop volumineux ou trop complexes.

Confidentialité

Votre SVG est traité uniquement dans votre navigateur, sans envoi à un serveur.

L’outil n’enregistre pas automatiquement vos données ni vos résultats. Téléchargez ce que vous souhaitez garder avant d’effacer le contenu ou de quitter la page, et conservez l’original.

Questions fréquentes

Quelle différence entre width, height et viewBox ?

width et height définissent la taille de la zone d’affichage. viewBox décrit les coordonnées internes de l’image. Modifier les dimensions ne réécrit pas directement les coordonnées des tracés.

Changer les dimensions réduit-il la netteté ?

Les formes vectorielles restent nettes lorsqu’elles sont redimensionnées. Les images matricielles intégrées ne gagnent toutefois aucun détail. Le rendu du texte dépend aussi des polices et du navigateur.

Pourquoi un SVG reste-t-il généralement net lorsqu’on l’agrandit ?

Les formes vectorielles sont décrites par des tracés et des coordonnées, puis redessinées à la taille actuelle. Une image matricielle contient un nombre fixe de pixels.

Comment calculer des dimensions proportionnelles ?

Un rapport de 800:600 équivaut à 4:3. Pour une largeur de 400, la hauteur est 400 × 3 ÷ 4, soit 300. Si le rapport est inconnu, saisissez les deux dimensions.

Retour au répertoire des outils pour développeurs