[{"data":1,"prerenderedAt":27},["ShallowReactive",2],{"tool-related-posts-zh-tw-/design/favicon-generator":3},[4,17],{"path":5,"title":6,"description":7,"date":8,"image":9,"category":10,"readingTime":11,"tools":12},"/blog/zh-tw/favicon-generator-complete-guide","Favicon 產生器完整指南：一鍵製作多尺寸 ICO、Apple Touch 與 PWA 網站圖示","詳解如何在瀏覽器本機產生符合 Google 搜尋收錄規範的多圖層 favicon.ico（16x16/32x32/48x48）、180x180 iOS 桌面圖示、Android PWA 圖示及 site.webmanifest。","2026-10-30T00:00:00.000Z","/blog/favicon-generator-complete-guide.png","Design",6,[13,14,15,16],"/design/favicon-generator","/dev/svg-viewer","/design/color-picker","/image/resizer",{"path":18,"title":19,"description":20,"date":21,"image":22,"category":23,"readingTime":24,"tools":25},"/blog/zh-tw/how-to-view-recolor-and-optimize-svg-online","如何線上預覽、即時改色與壓縮最佳化 SVG 程式碼","在瀏覽器中即時渲染 SVG 程式碼，互動式拖曳替換配色、精簡 XML 體積並匯出 2x/4x 高畫質 PNG 與 WebP。","2026-10-27T00:00:00.000Z","/blog/how-to-view-recolor-and-optimize-svg-online.png","Developer Tools",5,[14,13,26,15],"/image/converter",1793329924564]