占位图生成
Placeholder Image
生成任意尺寸的纯色或渐变占位图，并把尺寸数字写在图上。
一个正好是你要的尺寸的灰色方块，尺寸画在上面——给还在等真实照片的布局用。它以 SVG data URI 的形式输出，能直接粘进 CSS，比任何 PNG 都小，也不花一次请求。
'/%3E%3Ctext x='50%25' y='50%25' fill='%23ffffff' font-family='system-ui, sans-serif' font-size='79' text-anchor='middle' dominant-baseline='central'%3E1200×630%3C/text%3E%3C/svg%3E)
SVG data URI
580 B用的是百分号编码而不是 base64：小了约 25%，而且还看得懂。可以直接贴进 background-image: url("…")
怎么用
设尺寸
这个位置的精确像素尺寸。打开标签时它们画在图上，正是这一点让尺寸错误的方块在布局里一眼可见。
选纯色、渐变或噪点
纯色和渐变仍是 SVG。噪点必须是 PNG，因为逐像素的随机场做成 SVG 是几 MB 的矩形。
复制 data URI
百分号编码而不是 Base64：小大约 25%，在样式表里仍然可读。
常见问题
为什么噪点没有 SVG 版本？
因为 SVG 没有在各引擎上渲染一致的逐像素随机原语。照字面表达它意味着每个像素一个矩形，一个 400×300 的方块就是 120,000 个元素。
噪点每次都会变吗？
不会——它带种子，同样的设置给出同样的图。每次渲染都变的占位图会让视觉回归测试套件失去意义。
能在生产环境用这些吗？
data URI 可以——它只有几百字节，而且永远不会 404，这比第三方占位图服务强。只是记得把它们去掉，因为一个上了线的占位图在代码审查里是看不见的。
可以从这些接进来
接下来
这些工具吃得下当前工具的产出，结果可以直接送过去。
BlurHash 占位串生成
BlurHash / ThumbHash
把图片编码成一小段 BlurHash 或 ThumbHash 字符串，用作加载时的模糊占位。
设备样机图
Device Mockup
把截图放进手机、平板、笔记本或浏览器外框里，配上背景和阴影。
图片转 Base64
Image to Base64 / Data URI
把图片编码成 Base64 字符串，或直接生成可粘进 CSS、HTML、JSON 的 data URI。
图片抠图去背景
Background Remover
在 OKLab 色彩空间中抠掉纯色或均匀背景，输出透明 PNG，并可用画笔修补边缘。
EXIF 信息清除
EXIF Remover
删掉照片里的相机、GPS 和编辑记录等元数据，像素本身分毫不动。
Favicon 网站图标生成
Favicon Generator
一次生成整套图标——ICO、各尺寸 PNG、苹果触摸图标、web manifest——外加可直接粘贴的 HTML。