支持 #rrggbb 或颜色名
占位图 SVG 源码
点上方「生成」按钮开始
使用说明
- 填宽度和高度,点「生成」。
- 想显示自定义文字就填在「显示文字」里,留空则显示尺寸。
- 复制结果存成 .svg,或者直接作为 data URI 塞进 img 标签。
- 灰色底加对角线的样式是业界通用的占位惯例,一看就知道这里还没填内容。
常见问题
为什么用 SVG 而不是 PNG?
矢量图可以任意缩放不失真,源码可读可改,文件也小得多。需要位图时在浏览器里截图即可。
怎么在 HTML 里直接用?
把 SVG 源码里的双引号换成单引号,前面拼上 `data:image/svg+xml;utf8,` 就能塞进 img 的 src。
能做成半透明吗?
可以改源码里 rect 的 fill,加上 fill-opacity 属性即可。
相关工具
编码加密 · 该分类共 40 个工具,展开查看全部
Base64 在线编码解码UUID 在线生成随机密码生成器在线哈希计算在线 Base32 编码解码在线 Base58 编码解码在线进制转换(二/八/十六进制)在线 URL 编码解码在线 HTML 实体转义在线 Unicode 转义在线 ROT13 与凯撒密码在线摩斯电码转换在线 JWT 解析在线 URL 参数解析在线 Quoted-Printable 编码ASCII 码表URL 保留字符对照表Punycode 中文域名转码GBK 编码转换文本转二进制文本转十六进制Base64 URL Safe 编解码密码强度检测ROT 与凯撒位移密码随机数生成器随机颜色生成器随机 IP 地址生成器随机中文姓名生成器随机中文地址生成器随机头像生成器(SVG)占位图生成器(SVG)HMAC 签名生成器TOTP 动态口令生成器栅栏密码加解密维吉尼亚密码加解密文本隐写(零宽字符)文本指纹(SimHash)AES 文本加密解密哈希算法对照表加密算法对照表