占位图生成

仅在当前浏览器处理

此工具不会上传你的输入。

接口图还没好、封面位还空着,先画一块写着 800×600 的灰底。下载到本地贴进稿。本页不托管,也不能当政务证件照底片。

设计稿图片栏是空的,前端接口还在 mock——按尺寸造一块,避免布局先塌。中文教程常拿 placeholder.com、dummyimage 当例子;那些要联网,还把你正在做的宽高和页面地址泄露出去。本页在当前标签页画布上填色、写字,再存成 PNG。内网、离线改稿时尤其用得上:远程占位图一挂,整页卡片全裂。

真图走压缩图片缩放。假文走占位文。站点图标走Favicon。矢量图标要上线成位图,走 SVG 转 PNG

常见占位可以这样挂进稿,上线前把文件换成真图:

<img src="cover-placeholder.png" width="900" height="383" alt="" />

灰块标尺寸,不是图床

  • 开发时的标注图。不是摄影,也不是证件照制作。
  • 宽高先想清楚。网申头像栏、公众号封面、邮件头图,各要各的像素。
  • 带着灰块上线会伤观感,搜索侧也接近「图片失效 / 不相关」一类体验问题。
  • 没有源文件上传,也不会替你托管。

网申和封面位怎么用

  1. 填宽高、底色和中间那行字(默认写像素)。
  2. 下载 PNG,放进仓库或设计稿。
  3. 真图来了再换。仍然太大就压缩或缩放;苹果照片先转 JPG。

学信网、招聘系统、政务上传的像素要求以当页说明为准。本页只帮你在联调阶段把栏撑住,避免「先随便塞一张网图」把布局和审核规则一起搞乱。

政务、学信网、招聘系统的证件照有单独规格,本页给不了合规保证。邮箱签名里的头像位也一样:灰块只能标 120×120,发出去之前换成真图。不是图床,不能当证件照底。

常见问题

会变成图床链接吗?

不会。画完下载 PNG。没有 CDN,也不给你一条可外链的地址。依赖 via.placeholder.com 一类远程服务,对方挂了稿就全裂。

网申证件照栏能先丢灰块吗?

做原型、标尺寸可以。正式上传必须按系统要的像素和底色换真照片。本页不承诺一寸、白底或人脸检测。

公众号封面、头图怎么标?

先按后台当前要求填宽高,灰块上写「封面」或具体像素。各平台口径会改,以编辑器提示为准,不要背死旧数字。

和压缩、缩放是一回事吗?

那两页处理真照片。本页造假图。宽高填反,卡片会先错,真图换进去还会再抖一次。

能当站点图标吗?

不能。Favicon 要从你的真 Logo 缩放。本页没有品牌源图。

最大能画多大?

边长大约 16 到 4000 像素。再大没有意义,也更容易把标签页卡住。

相关工具