[{"data":1,"prerenderedAt":35},["ShallowReactive",2],{"tool-related-posts-ja-jp-/dev/svg-viewer":3},[4,17,28],{"path":5,"title":6,"description":7,"date":8,"image":9,"category":10,"readingTime":11,"tools":12},"/blog/ja-jp/how-to-convert-svg-to-png-online","オンラインでSVGをPNGに変換する方法","SVGをPNGとして書き出すべき場面、適切なサイズの選び方、ロゴやアイコンをぼやけさせない方法を解説します。","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/ja-jp/how-to-render-and-export-mermaid-diagrams-online","Mermaid 図をオンラインでレンダリング・書き出しする方法：AI コードから鮮明な SVG・PNG へ","ブラウザ上で Mermaid のフローチャートやシーケンス図をリアルタイムプレビューし、構文エラーの修正やテーマ変更、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/ja-jp/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",1793175853244]