Redimensionner SVG — Width, Height et viewBox
Inspectez width, height et viewBox, puis corrigez les exports SVG sans casser le responsive. Très utile sur des fichiers design handoff.
Notes développeur
• Utilise d’abord le viewBox existant pour préserver le ratio. • Si le viewBox manque, il peut en déduire un depuis les dimensions actuelles. • Convient surtout aux exports classiques avec width/height numériques. • Combinez avec validate-svg si vous voulez aussi contrôler title/desc.
Quand utiliser cet outil
• Corriger des SVG qui scale mal en responsive. • Normaliser des exports design trop grands avant livraison. • Ajouter un viewBox à d’anciens assets qui n’ont que width/height. • Générer un badge inline plus petit sans réexport depuis Figma.
Exemples
Export avec dimensions fixes
Entrée
Sortie
Conserver le ratio depuis le viewBox
Entrée
Sortie
Outils SVG associés
Besoin d’une sortie CSS encodée ? Essayez SVG vers Data URI. Validez l’accessibilité avec validate SVG ou ouvrez le hub SVG.
FAQ redimensionner SVG
Dimensions et scaling responsive
Pourquoi le viewBox est-il important ?
Il définit le système de coordonnées interne qui permet au SVG de scaler proprement en responsive.
Peut-il déduire une dimension manquante ?
Oui, quand un ratio exploitable existe déjà.
Répare-t-il tous les exports cassés ?
Il couvre les cas width/height/viewBox courants, mais certains transforms exotiques nécessitent encore une relecture manuelle.
Autres outils SVG
Convertisseurs, encodeurs, formateurs et minificateurs au même endroit ? Outils développeurs Ouvrez le catalogue des outils développeurs.