[{"data":1,"prerenderedAt":35},["ShallowReactive",2],{"tool-related-posts-zh-cn-/dev/svg-viewer":3},[4,17,28],{"path":5,"title":6,"description":7,"date":8,"image":9,"category":10,"readingTime":11,"tools":12},"/blog/zh-cn/how-to-convert-svg-to-png-online","如何在线将 SVG 转换为 PNG","了解什么时候需要把 SVG 导出为 PNG、如何选择清晰尺寸，以及如何避免 logo、图标和社交图片变模糊。","2026-05-05T00:00:00.000Z","/blog/how-to-convert-svg-to-png-online.png","图片转换",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/zh-cn/how-to-render-and-export-mermaid-diagrams-online","如何在线渲染与导出 Mermaid 图表：将 AI 代码转化为高清 SVG 与 PNG","在浏览器中实时预览 Mermaid 流程图、时序图与 ER 图，排查常见语法报错，切换主题风格并一键导出高清 SVG 或 PNG。","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/zh-cn/how-to-view-recolor-and-optimize-svg-online","如何在线预览、一键改色与压缩优化 SVG 代码","在浏览器中实时渲染 SVG 代码，解决无宽高属性不显示问题，交互式拖拽替换配色、精简 XML 体积并导出 2x/4x 高清 PNG。","/blog/how-to-view-recolor-and-optimize-svg-online.png",[13,14,34],"/design/color-picker",1793175807827]