Éditeur SVG & Optimiseur
Local uniquementÉditez, inspectez, optimisez, sécurisez, traitez par lots et exportez des ressources SVG localement.
<svg xmlns="http://www.w3.org/2000/svg" width="640" height="360" viewBox="0 0 640 360">
<!-- Nobuf SVG Studio sample -->
<defs>
<linearGradient id="paint" x1="0" x2="1">
<stop stop-color="#10b981"/>
<stop offset="1" stop-color="#0ea5e9"/>
</linearGradient>
</defs>
<rect width="640" height="360" rx="48" fill="#f0fdf4"/>
<circle cx="170" cy="180" r="92" fill="url(#paint)"/>
<path d="M137 180l23 23 47-55" fill="none" stroke="#fff" stroke-width="18" stroke-linecap="round" stroke-linejoin="round"/>
<text x="300" y="170" fill="#052e2b" font-family="system-ui" font-size="40" font-weight="700">Nobuf</text>
<text x="300" y="215" fill="#115e59" font-family="system-ui" font-size="22">SVG Studio</text>
</svg>SVGO optimise le balisage ; ce n'est pas un désinfectant de sécurité. Nobuf désinfecte l'aperçu affiché, signale les risques communs et préserve la source afin que vous puissiez appliquer la politique requise par votre destination.
Mode d’emploi
- 01
Ouvrir ou coller SVG
Chargez un SVG jusqu'à 5 Mo, modifiez son XML, ses dimensions, viewBox et ses couleurs, et inspectez un aperçu en direct désinfecté.
- 02
Optimiser et vérifier
Exécutez SVGO avec précision, multipass, nettoyage ID et contrôles de dimension tout en examinant les paramètres bruts, gzip, élément et sécurité.
- 03
Exporter pour votre pile
Télécharger SVG ou PNG, copier un URI de données, créer un code React ou Vue, ou optimiser un lot en fichiers ZIP et sprite.
Questions fréquentes
Mes fichiers SVG sont-ils téléchargés?
Non. L'édition, l'optimisation SVGO, la sanitisation de prévisualisation, le rendu PNG, le batchage et les exportations s'exécutent dans votre navigateur.
L'optimisation rend-elle un SVG sûr ?
Non. L'optimisation et la désinfection résolvent différents problèmes. L'outil rapporte des modèles de contenu actif et désinfecte son propre aperçu, mais la source exportée nécessite toujours la politique de confiance de votre application.
Pourquoi une sortie optimisée peut-elle être différente ?
La précision agressive, le nettoyage d'ID, CSS, filtres, masques, polices, animations ou des actifs externes peuvent changer le rendu. Utilisez la vue de comparaison et testez les actifs dans leur contexte final.
Que peut exporter le mode lot?
Il optimise jusqu'à 50 fichiers SVG, télécharge les sorties réussies comme un ZIP, et peut les combiner en un sprite symbole SVG.
Outils associés
Poursuivez avec d’autres utilitaires web ciblés.