SVG 占位图

自定义尺寸和配色在本地生成导出 SVG 占位图

📌 TL;DR 核心定义与引用摘要: 【SVG 占位图】是 PocketKit 提供的浏览器本地处理工具。功能说明：自定义尺寸和配色在本地生成导出 SVG 占位图。核心输入与文件不上传；站点仅记录不含输入内容的匿名工具访问次数。

SVG 占位图原理

工具按你设定的尺寸、配色与文字，本地拼出一段 SVG 矢量代码并实时预览，可复制代码或导出。矢量图任意缩放不失真、体积极小。

占位图用矢量 SVG 比位图更轻、缩放不糊，适合开发期占位。
直接复制 SVG 代码内联进 HTML，可省一次图片请求。

常见问题

1. SVG 占位图和图片占位图有什么区别？

SVG 是矢量、体积极小、任意放大不模糊，还能内联进 HTML 省请求；位图占位放大会糊、体积也更大。

2. 生成的 SVG 能改颜色和文字吗？

能。在工具里调好尺寸、配色与文字后复制代码，也可直接在 SVG 源码里修改。