[{"data":1,"prerenderedAt":35},["ShallowReactive",2],{"tool-related-posts-en-/dev/svg-viewer":3},[4,17,28],{"path":5,"title":6,"description":7,"date":8,"image":9,"category":10,"readingTime":11,"tools":12},"/blog/en/how-to-convert-svg-to-png-online","How to Convert SVG to PNG Online","Learn when to export SVG as PNG, how to choose a clean size, and how to avoid blurry logos, icons, and social images.","2026-05-05T00:00:00.000Z","/blog/how-to-convert-svg-to-png-online.png","Image Conversion",6,[13,14,15,16],"/dev/svg-viewer","/image/converter","/image/converter/svg-to-png","/image/compressor",{"path":18,"title":19,"description":20,"date":21,"image":22,"category":23,"readingTime":24,"tools":25},"/blog/en/how-to-render-and-export-mermaid-diagrams-online","How to Render and Export Mermaid Diagrams Online: From AI Code to Clean SVG and PNG","Preview Mermaid flowcharts, sequence diagrams, and ERDs in the browser, fix common syntax errors, switch themes, and export crisp SVG or PNG files.","2026-10-27T00:00:00.000Z","/blog/how-to-render-and-export-mermaid-diagrams-online.png","Developer Tools",5,[13,26,27,14],"/dev/mermaid-renderer","/text/markdown-to-html",{"path":29,"title":30,"description":31,"date":21,"image":32,"category":23,"readingTime":24,"tools":33},"/blog/en/how-to-view-recolor-and-optimize-svg-online","How to View, Recolor, and Optimize SVG Code Online","Preview raw SVG code in the browser, swap hex colors interactively, minify XML bloat, and export crisp 2x or 4x PNG and WebP assets.","/blog/how-to-view-recolor-and-optimize-svg-online.png",[13,14,34],"/design/color-picker",1793175786390]