SVGView

Outil de redimensionnement SVG

Ajustez les dimensions sans casser la disposition. Utile pour adapter des icônes aux grilles ou faire correspondre les spécifications de conception. Ouvrez les fichiers SVG en ligne et commencez le traitement immédiatement.

Aucun SVG chargé. Déposez un fichier pour commencer.

Bienvenue sur SVG Editor

Déposez un fichier SVG, cliquez sur "Télécharger"/"Icônes" ou utilisez Ctrl/Cmd+V pour coller le code SVG.

Commencez avec un exemple d'icône

Choisissez un échantillon ci-dessous ou téléchargez et modifiez votre propre SVG.

Pourquoi utiliser notre outil de redimensionnement SVG ?

Contrôles de pixels ou de pourcentage

SVG Resize prend en charge les entrées exactes de largeur et de hauteur ainsi que la mise à l'échelle en pourcentage. Cela facilite la mise en correspondance des spécifications de conception ou la mise à l'échelle des actifs pour différents points d'arrêt. Vous pouvez aligner les tailles avec des jetons de conception ou des systèmes de grille pour plus de cohérence. Les entrées numériques facilitent également la correspondance avec les tailles PNG exportées.

Verrouillage du rapport hauteur/largeur

L'option de verrouillage préserve les proportions et évite les distorsions. En gardant le rapport intact, les icônes et les illustrations restent visuellement équilibrées. Ceci est particulièrement utile pour les logos qui ne doivent pas s'étirer.

Sortie compatible ViewBox

L'outil maintient ou corrige la viewBox afin que l'actif évolue correctement en CSS et HTML. Cela évite les recadrages ou les espaces inattendus en production. Des paramètres viewBox appropriés réduisent également les changements de disposition lors de l'échange d'actifs.

Aperçu en direct

SVG Redimensionnez les mises à jour instantanément avec les options de zoom et d'arrière-plan. La prévisualisation du résultat vous aide à confirmer l'espacement, le remplissage et l'alignement avant l'exportation. Utilisez un arrière-plan contrasté pour repérer les traits parasites ou un remplissage supplémentaire. Une vue en grille peut vous aider à vérifier l'alignement optique.

Exportation flexible

SVG Resize vous permet de télécharger le SVG redimensionné ou d'exporter un PNG en une seule étape. Ceci est utile lorsque vous avez besoin d'une solution raster de secours pour des documents ou des présentations. Conservez les deux versions dans le même dossier pour un transfert facile. L'exportation des deux formats réduit les allers-retours lors des révisions.

Traitement local

SVG Resize s'exécute entièrement dans votre navigateur, de sorte que les fichiers ne quittent jamais votre appareil. Cela préserve la confidentialité des actifs des clients et accélère les itérations. Le traitement local évite également les délais de téléchargement des fichiers volumineux. Cela fonctionne bien lorsque les politiques réseau bloquent les téléchargements.

Comment redimensionner un SVG

1

Ajoutez votre SVG

Faites glisser et déposez un fichier ou collez le balisage SVG. SVG Resize charge la source localement et conserve sa viewBox d'origine. Si le SVG ne dispose pas d'une viewBox, ajoutez-en une avant de redimensionner. Ouvrez les fichiers SVG en ligne et commencez le traitement immédiatement.

2

Définir les dimensions

Entrez la largeur et la hauteur cibles ou l'échelle proportionnellement. SVG Resize affiche un aperçu en direct afin que vous puissiez valider l'apparence. Vérifiez les largeurs de trait pour vous assurer qu'elles sont toujours équilibrées.

3

Exporter les résultats

Téléchargez le SVG redimensionné ou exportez instantanément le PNG. SVG Resize maintient les noms de fichiers propres afin que les actifs soient faciles à suivre lors du transfert. Utilisez un modèle de dénomination cohérent tel que icon-name-24.svg.

FAQ sur le redimensionnement SVG

Puis-je redimensionner les SVG en ligne aux dimensions exactes ?
Oui. SVG Resize accepte des valeurs de pixels précises pour la largeur et la hauteur, ce qui facilite la correspondance avec les spécifications de mise en page. Ceci est utile lorsque les actifs doivent correspondre à des tailles de composants strictes.
Comment conserver les proportions lors du redimensionnement de SVG ?
Activez l'option de verrouillage dans SVG Resize pour préserver les proportions. Cela empêche les icônes et les logos de s'étirer. Cela empêche également les cercles de se transformer en ovales.
L'outil de redimensionnement SVG conservera-t-il la viewBox ?
SVG Resize maintient la viewBox et la met à jour si nécessaire afin que la mise à l'échelle reste précise dans le navigateur. Les valeurs correctes de viewBox améliorent la réactivité dans CSS. Ceci est important lorsque les SVG sont utilisés comme images d'arrière-plan.
Puis-je exporter PNG après le redimensionnement ?
Oui. SVG Resize inclut une option d'exportation PNG pour la documentation, les diapositives ou les outils raster uniquement. Les exportations PNG sont utiles lorsqu'une plateforme ne prend pas en charge SVG. Ils sont également pratiques pour des aperçus rapides des clients.
Mon SVG est-il téléchargé ?
Non. SVG Resize s'exécute localement dans votre navigateur, de sorte que vos fichiers ne quittent jamais votre appareil. Cela préserve la confidentialité des actifs des clients.
Quelle est la limite de taille de fichier ?
SVG Resize prend en charge les fichiers jusqu'à 10 Mo. Si un SVG est très complexe, pensez d'abord à l'optimiser. Les chemins plus simples s'affichent également plus rapidement.
Puis-je redimensionner les éléments de la rétine ?
Oui. SVG Resize fonctionne bien pour exporter des tailles 2x ou 3x, que vous pouvez ensuite réduire dans CSS pour plus de netteté. Ceci est utile pour les jeux d'icônes dans les systèmes de conception. En cas de doute, exportez plus et réduisez pour éviter la douceur.
L'outil de redimensionnement SVG est-il gratuit et sans téléchargement ?
Oui. L'outil de redimensionnement SVG peut être utilisé gratuitement dans votre navigateur. Aucun téléchargement ni installation n'est requis.
Ai-je besoin d'un compte pour utiliser l'outil de redimensionnement SVG ?
Non. L'outil de redimensionnement SVG fonctionne instantanément dans le navigateur sans inscription et les fichiers restent locaux.

Outils SVG associés

Utilisez SVG Resize avec ces outils pour faire pivoter, optimiser et exporter des actifs cohérents.

SVG Rotation et retournement

Ajustez l'orientation avant SVG Redimensionner afin que les dimensions finales correspondent à votre mise en page. Cela permet de conserver la largeur et la hauteur prévisibles après la rotation.

Ouvrir l'outil

SVG Optimizer

Compressez le fichier après le redimensionnement SVG pour conserver une sortie légère. Les fichiers plus petits se chargent plus rapidement dans les applications et les outils de conception.

Ouvrir l'outil

SVG Viewer

Prévisualisez l'actif avant et après SVG Redimensionner pour vérifier l'alignement. Utilisez des arrière-plans de grille pour vérifier le remplissage.

Ouvrir l'outil

SVG to PNG

Exportez les PNG avec les résultats de redimensionnement SVG lorsque vous avez besoin de solutions de secours raster. C'est pratique pour les présentations et les documents.

Ouvrir l'outil