[{"data":1,"prerenderedAt":35},["ShallowReactive",2],{"tool-related-posts-zh-tw-/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-tw/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-tw/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-tw/how-to-view-recolor-and-optimize-svg-online","如何線上預覽、即時改色與壓縮最佳化 SVG 程式碼","在瀏覽器中即時渲染 SVG 程式碼，互動式拖曳替換配色、精簡 XML 體積並匯出 2x/4x 高畫質 PNG 與 WebP。","/blog/how-to-view-recolor-and-optimize-svg-online.png",[13,14,34],"/design/color-picker",1793175831462]