[{"data":1,"prerenderedAt":156},["ShallowReactive",2],{"blog-post-/blog/fr-fr/how-to-view-recolor-and-optimize-svg-online":3,"related-posts-/blog/fr-fr/how-to-view-recolor-and-optimize-svg-online":144},{"id":4,"title":5,"author":6,"body":7,"category":125,"date":126,"description":127,"extension":128,"featured":129,"image":130,"meta":131,"navigation":132,"path":133,"readingTime":134,"seo":135,"stem":136,"tags":137,"tools":142,"__hash__":143},"content/blog/fr-FR/how-to-view-recolor-and-optimize-svg-online.md","Comment visualiser, recolorer et optimiser du code SVG en ligne","Anything Tools Editorial",{"type":8,"value":9,"toc":118},"minimark",[10,14,23,28,53,57,64,90,94],[11,12,5],"h1",{"id":13},"comment-visualiser-recolorer-et-optimiser-du-code-svg-en-ligne",[15,16,17,18,22],"p",{},"Que vous génériez une icône ",[19,20,21],"code",{},"\u003Csvg>"," avec Claude ou ChatGPT ou que vous téléchargiez un vecteur depuis SVGRepo ou Figma, lire le code XML brut ne suffit pas à vérifier le rendu visuel. Un espace de travail dans le navigateur permet d’inspecter, de recolorer, d’alléger et d’exporter vos fichiers en quelques secondes.",[24,25,27],"h2",{"id":26},"aperçu-sur-grille-transparente-fond-clair-et-fond-sombre","Aperçu sur grille transparente, fond clair et fond sombre",[15,29,30,31,34,35,40,41,44,45,48,49,52],{},"Collez votre code ou déposez un fichier ",[19,32,33],{},".svg"," dans la ",[36,37,39],"a",{"href":38},"/dev/svg-viewer","Visionneuse et Optimiseur SVG",". L’outil extrait automatiquement les dimensions du ",[19,42,43],{},"viewBox"," même lorsque les attributs ",[19,46,47],{},"width"," et ",[19,50,51],{},"height"," sont absents, et vous permet de tester le contraste sur différents fonds.",[24,54,56],{"id":55},"remplacez-les-couleurs-en-direct-au-curseur","Remplacez les couleurs en direct au curseur",[15,58,59,60,63],{},"Inutile de chercher chaque code hexadécimal dans des dizaines de balises ",[19,61,62],{},"\u003Cpath>"," :",[65,66,67,79,82],"ol",{},[68,69,70,71,75,76,78],"li",{},"Consultez la barre des ",[72,73,74],"strong",{},"Couleurs détectées"," sous l’aperçu dans la ",[36,77,39],{"href":38},".",[68,80,81],{},"Cliquez sur une pastille et déplacez le curseur du sélecteur de couleur pour voir le graphique se mettre à jour en temps réel.",[68,83,84,85,89],{},"Combinez ce flux avec le ",[36,86,88],{"href":87},"/design/color-picker","Sélecteur de couleur"," pour affiner votre palette.",[24,91,93],{"id":92},"minifiez-le-xml-ou-exportez-en-png-2x-4x","Minifiez le XML ou exportez en PNG 2x / 4x",[15,95,96,97,100,101,104,105,108,109,112,113,117],{},"Cliquez sur ",[72,98,99],{},"Optimiser"," pour supprimer les commentaires et espaces superflus, ou copiez directement le ",[19,102,103],{},"Data URI"," pour votre CSS. Pour vos présentations, choisissez l’échelle ",[19,106,107],{},"2x"," ou ",[19,110,111],{},"4x"," afin d’exporter un PNG ou WebP parfaitement net, ou utilisez le ",[36,114,116],{"href":115},"/image/converter","Convertisseur d’images"," pour d’autres formats.",{"title":119,"searchDepth":120,"depth":120,"links":121},"",2,[122,123,124],{"id":26,"depth":120,"text":27},{"id":55,"depth":120,"text":56},{"id":92,"depth":120,"text":93},"Developer Tools","2026-10-27T00:00:00.000Z","Prévisualisez du code SVG dans le navigateur, changez les couleurs en temps réel, minifiez le XML et exportez des images PNG ou WebP nettes en 2x et 4x.","md",false,"/blog/how-to-view-recolor-and-optimize-svg-online.png",{},true,"/blog/fr-fr/how-to-view-recolor-and-optimize-svg-online",5,{"title":5,"description":127},"blog/fr-FR/how-to-view-recolor-and-optimize-svg-online",[138,139,140,141],"SVG viewer","SVG optimizer","SVG to PNG","developer tools",[38,115,87],"kfyFErib4bR3ON1MyuRpN03psVOnYvzGEB025eDZC9I",[145,151],{"path":146,"title":147,"description":148,"date":149,"image":150,"category":125,"readingTime":134},"/blog/fr-fr/convert-image-to-base64-guide","Convertir des images en Base64 : avantages et limites","Découvrez quand les chaînes d’images Base64 sont utiles pour les prototypes, les e-mails et les petites icônes, et quand privilégier des fichiers classiques.","2026-08-14T00:00:00.000Z","/blog/convert-image-to-base64-guide.png",{"path":152,"title":153,"description":154,"date":126,"image":155,"category":125,"readingTime":134},"/blog/fr-fr/how-to-convert-chatgpt-session-json-safely","Comment convertir un fichier JSON de session ChatGPT en toute sécurité dans le navigateur","Convertissez vos JSON de session ChatGPT aux formats Sub2API, CPA, Cockpit, 9Router, Codex et AxonHub localement dans le navigateur sans exposer vos jetons.","/blog/how-to-convert-chatgpt-session-json-safely.png",1793175898532]