接口图还没好、封面位还空着,先画一块写着 800×600 的灰底。下载到本地贴进稿。本页不托管,也不能当政务证件照底片。
设计稿图片栏是空的,前端接口还在 mock——按尺寸造一块,避免布局先塌。中文教程常拿 placeholder.com、dummyimage 当例子;那些要联网,还把你正在做的宽高和页面地址泄露出去。本页在当前标签页画布上填色、写字,再存成 PNG。内网、离线改稿时尤其用得上:远程占位图一挂,整页卡片全裂。
真图走压缩图片或缩放。假文走占位文。站点图标走Favicon。矢量图标要上线成位图,走 SVG 转 PNG。
常见占位可以这样挂进稿,上线前把文件换成真图:
<img src="cover-placeholder.png" width="900" height="383" alt="" />
灰块标尺寸,不是图床
- 开发时的标注图。不是摄影,也不是证件照制作。
- 宽高先想清楚。网申头像栏、公众号封面、邮件头图,各要各的像素。
- 带着灰块上线会伤观感,搜索侧也接近「图片失效 / 不相关」一类体验问题。
- 没有源文件上传,也不会替你托管。
网申和封面位怎么用
- 填宽高、底色和中间那行字(默认写像素)。
- 下载 PNG,放进仓库或设计稿。
- 真图来了再换。仍然太大就压缩或缩放;苹果照片先转 JPG。
学信网、招聘系统、政务上传的像素要求以当页说明为准。本页只帮你在联调阶段把栏撑住,避免「先随便塞一张网图」把布局和审核规则一起搞乱。
政务、学信网、招聘系统的证件照有单独规格,本页给不了合规保证。邮箱签名里的头像位也一样:灰块只能标 120×120,发出去之前换成真图。不是图床,不能当证件照底。