SVG Studio : un espace privé pour vos fichiers SVG
Ouvrez un SVG en toute sécurité, cherchez-y des problèmes, et modifiez son code et son canevas côte à côte. Tout se passe dans votre navigateur : vos créations restent sur votre appareil.
Outils SVG
Éditeur SVG
Modifiez le code et le canevas ensemble, avec annuler et rétablir.
Visionneuse SVG
Ouvrez un fichier ou du code SVG avec zoom et arrière-plans.
Inspecteur SVG
Trouvez XML invalide, références cassées et autres problèmes dans du code SVG.
Seuls les outils terminés sont listés. D'autres seront ajoutés quand ils seront prêts.
Comment ça marche
- Ouvrez un fichier dans la visionneuse pour voir son rendu et vérifier son poids.
- Ouvrez-le dans l'inspecteur pour trouver références cassées, viewBox manquant et autres problèmes.
- Ouvrez-le dans l'éditeur pour changer les couleurs et corriger la source, puis exportez le résultat.
Usages courants
- Vérifier une icône ou un logo avant de l'intégrer à un site.
- Déboguer un SVG qui s'affiche vide ou à la mauvaise taille.
- Recolorer un graphique simple sans ouvrir un logiciel de design.
Ce que fait l'outil
- Chaque fichier est débarrassé des scripts, gestionnaires d'événements et références externes avant affichage.
- Les fichiers passent d'un outil à l'autre sans être rechoisis.
- Des limites de taille et de complexité empêchent un fichier hostile de bloquer l'onglet.
- Pas de compte, pas d'envoi, et rien n'est conservé.
À savoir
SVG Studio couvre pour l'instant l'affichage, l'inspection et l'édition de base. Il n'a pas encore d'outils de dessin, de transformations de formes, de panneau de calques, d'optimiseur ni de convertisseurs, et seuls les outils terminés sont listés.
Questions fréquentes
- Mon SVG est-il envoyé quelque part ?
- Non. Le fichier est lu et traité dans votre onglet. Les serveurs de DailyBox ne le reçoivent jamais.
- Pourquoi une partie de mon SVG a-t-elle été supprimée ?
- Les scripts, gestionnaires d'événements, HTML intégré et liens vers d'autres sites sont supprimés car ils peuvent exécuter du code ou charger du contenu externe. Les outils indiquent précisément ce qui a été retiré.
- Quels outils sont disponibles aujourd'hui ?
- La visionneuse, l'inspecteur et l'éditeur. D'autres outils SVG n'apparaîtront ici que lorsqu'ils fonctionneront.
- Y a-t-il une limite de taille ?
- Jusqu'à 5 Mo, avec au plus 50 000 éléments et 128 niveaux d'imbrication, pour qu'un fichier défectueux ou hostile ne puisse pas bloquer votre navigateur.
Outils associés
- Vous voulez juste regarder un fichier ? Ouvrez-le dans la visionneuse SVG.
- Quelque chose cloche ? Vérifiez le code dans l'inspecteur SVG.
- Prêt à le modifier ? Modifiez-le dans l'éditeur SVG.
Outils associés
- Éditeur SVGModifiez le code et le canevas ensemble, avec annuler et rétablir.
- Visionneuse SVGOuvrez un fichier ou du code SVG avec zoom et arrière-plans.
- Inspecteur SVGTrouvez XML invalide, références cassées et autres problèmes dans du code SVG.
- Convertisseur de couleurs et contrasteConvertissez HEX, RVB et TSL et vérifiez le contraste WCAG.