[{"data":1,"prerenderedAt":35},["ShallowReactive",2],{"tool-related-posts-ko-kr-/dev/svg-viewer":3},[4,17,28],{"path":5,"title":6,"description":7,"date":8,"image":9,"category":10,"readingTime":11,"tools":12},"/blog/ko-kr/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/ko-kr/how-to-render-and-export-mermaid-diagrams-online","온라인에서 Mermaid 다이어그램 렌더링 및 내보내기: AI 코드를 선명한 SVG·PNG로 변환","브라우저에서 Mermaid 순서도, 시퀀스 다이어그램, ERD를 실시간 미리보기하고 문법 오류를 수정해 깔끔한 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/ko-kr/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",1793175927449]