[{"data":1,"prerenderedAt":154},["ShallowReactive",2],{"blog-post-/blog/de-de/how-to-view-recolor-and-optimize-svg-online":3,"related-posts-/blog/de-de/how-to-view-recolor-and-optimize-svg-online":142},{"id":4,"title":5,"author":6,"body":7,"category":123,"date":124,"description":125,"extension":126,"featured":127,"image":128,"meta":129,"navigation":130,"path":131,"readingTime":132,"seo":133,"stem":134,"tags":135,"tools":140,"__hash__":141},"content/blog/de-DE/how-to-view-recolor-and-optimize-svg-online.md","SVG-Code online prüfen, live umfärben und optimieren","Anything Tools Editorial",{"type":8,"value":9,"toc":116},"minimark",[10,14,23,28,53,57,64,89,93],[11,12,5],"h1",{"id":13},"svg-code-online-prüfen-live-umfärben-und-optimieren",[15,16,17,18,22],"p",{},"Ob Sie ein ",[19,20,21],"code",{},"\u003Csvg>","-Icon von Claude oder ChatGPT generieren lassen oder Vektorgrafiken aus SVGRepo und Figma exportieren: Im reinen XML-Quelltext lassen sich Kontraste und Größenverhältnisse kaum beurteilen. Mit einem Browser-Viewer prüfen, färben und optimieren Sie Ihre Grafik in wenigen Sekunden.",[24,25,27],"h2",{"id":26},"live-vorschau-auf-raster-hellem-und-dunklem-hintergrund","Live-Vorschau auf Raster-, hellem und dunklem Hintergrund",[15,29,30,31,36,37,40,41,44,45,48,49,52],{},"Fügen Sie Ihren Code in den ",[32,33,35],"a",{"href":34},"/dev/svg-viewer","SVG-Viewer & Optimierer"," ein oder legen Sie eine ",[19,38,39],{},".svg","-Datei ab. Das Tool liest die Abmessungen automatisch aus dem ",[19,42,43],{},"viewBox","-Attribut aus, sodass auch Icons ohne explizite ",[19,46,47],{},"width","- und ",[19,50,51],{},"height","-Angaben sofort korrekt dargestellt werden.",[24,54,56],{"id":55},"farben-per-cursor-bewegung-in-echtzeit-ersetzen","Farben per Cursor-Bewegung in Echtzeit ersetzen",[15,58,59,60,63],{},"Statt HEX-Werte manuell in Dutzenden ",[19,61,62],{},"\u003Cpath>","-Elementen zu suchen:",[65,66,67,79,82],"ol",{},[68,69,70,71,75,76,78],"li",{},"Nutzen Sie die Leiste ",[72,73,74],"strong",{},"Erkannte Farben"," unterhalb der Vorschau im ",[32,77,35],{"href":34},".",[68,80,81],{},"Klicken Sie auf ein Farbfeld und bewegen Sie den Farbwähler, um die Änderung live an der Grafik zu verfolgen.",[68,83,84,85,78],{},"Passende Farbtöne finden Sie vorab mit dem ",[32,86,88],{"href":87},"/design/color-picker","Farbwähler",[24,90,92],{"id":91},"xml-minimieren-und-als-2x4x-png-exportieren","XML minimieren und als 2x/4x-PNG exportieren",[15,94,95,96,99,100,103,104,107,108,111,112,78],{},"Über ",[72,97,98],{},"Optimieren"," entfernen Sie Kommentare, Metadaten und unnötige Leerzeichen mit einem Klick oder kopieren das SVG als ",[19,101,102],{},"Data-URI"," für CSS. Für Präsentationen und Dokumente wählen Sie die Skalierung ",[19,105,106],{},"2x"," oder ",[19,109,110],{},"4x"," für scharfe PNG- oder WebP-Exporte oder nutzen ergänzend den ",[32,113,115],{"href":114},"/image/converter","Bildkonverter",{"title":117,"searchDepth":118,"depth":118,"links":119},"",2,[120,121,122],{"id":26,"depth":118,"text":27},{"id":55,"depth":118,"text":56},{"id":91,"depth":118,"text":92},"Developer Tools","2026-10-27T00:00:00.000Z","SVG-Code im Browser live anzeigen, Farben per Cursor in Echtzeit ändern, XML-Ballast minimieren und gestochen scharfe 2x/4x-PNGs exportieren.","md",false,"/blog/how-to-view-recolor-and-optimize-svg-online.png",{},true,"/blog/de-de/how-to-view-recolor-and-optimize-svg-online",5,{"title":5,"description":125},"blog/de-DE/how-to-view-recolor-and-optimize-svg-online",[136,137,138,139],"SVG viewer","SVG optimizer","SVG to PNG","developer tools",[34,114,87],"qoZ7uzXHjjmeJUQ7HrBP9z_3v8CNoArUatt0Mo4dSlY",[143,149],{"path":144,"title":145,"description":146,"date":147,"image":148,"category":123,"readingTime":132},"/blog/de-de/convert-image-to-base64-guide","Bilder in Base64 umwandeln: Wann es hilft und wann es schadet","Erfahren Sie, wann Base64-Bildstrings für Prototypen, E-Mails und kleine Icons sinnvoll sind und wann normale Bilddateien besser sind.","2026-08-14T00:00:00.000Z","/blog/convert-image-to-base64-guide.png",{"path":150,"title":151,"description":152,"date":124,"image":153,"category":123,"readingTime":132},"/blog/de-de/how-to-convert-chatgpt-session-json-safely","ChatGPT-Session-JSON sicher im Browser konvertieren","ChatGPT-Auth-Session-JSON lokal im Browser in Sub2API-, CPA-, Cockpit-, 9Router-, Codex- und AxonHub-Formate umwandeln, ohne Tokens preiszugeben.","/blog/how-to-convert-chatgpt-session-json-safely.png",1793175918808]