占位图生成器:为样机和网页排版而生
这款占位图生成器能按你设定的任意尺寸生成占位图,可自定义背景色、文字和字体。它专为需要快速找一张临时图来做样机、线框图、原型和排版测试的开发者、设计师和内容创作者而打造。
无需依赖通用的占位图服务,你可以在这里直接做出正合心意的图。从社交媒体、网页横幅或设备屏幕的预设入手,或输入最大 4096 × 4096 像素的自定义尺寸,再导出为 PNG、JPG、WebP 或 SVG。
如何生成一张占位图
选择尺寸
从常用、社交、网页或设备标签页选取预设,或自行输入宽度和高度。打开锁定比例,调整大小时即可保持原有比例。
自定义外观
用取色器或十六进制色值设置背景色,并填入自己的文字。文字留空则显示尺寸(例如 800 × 600)。开启自动对比后,文字颜色会自动选取以保持清晰可读。
调整字体
默认情况下,自动适配会让文字大小贴合画布。关闭它即可设定精确的字号,并选择常规、半粗或加粗的字重。
导出图片
选择格式——PNG 无损画质,JPG 或 WebP 文件更小(带质量滑块),SVG 则可缩放为矢量输出——然后点击下载。要一次生成多个尺寸,点击添加建立批量列表,完成后点下载 ZIP。
功能特性
预设尺寸库
四个标签页内置常用尺寸——常用(1080p、720p、VGA、缩略图)、社交(Facebook、Instagram、Twitter)、网页(横幅广告、主视觉、博客头图)和设备(iPhone、iPad、桌面 FHD/QHD/4K)。
自定义尺寸
可输入最大 4096 × 4096 像素的任意宽高,并提供可选的锁定开关,让你在调整大小时保持比例。
颜色自定义
用可视化取色器或十六进制色值设置背景色和文字颜色,对外观进行精确控制。
自动对比
自动对比会读取背景明暗并选取清晰可读的文字颜色,让标签在浅色或深色填充上都保持可见。
灵活的文字与字体
可显示自定义文字或默认的尺寸标签,让字体自动适配画布或手动设定,并可选常规、半粗或加粗字重。
多种导出格式
可下载为 PNG、JPG、WebP 或 SVG,其中 JPG 和 WebP 格式还带有可调的质量滑块。
批量生成
添加多张占位图,各自拥有独立的尺寸、颜色和文字,再一次性打包下载为单个 ZIP 压缩包。
画布实时预览
当你改变尺寸、颜色、文字和字体时,画布会即时更新,让你下载前就能看到成图。
常见问题
占位图是什么意思?
占位图是一种临时的替代图,在真正的图稿还没做好之前先填进图片的位置。它通常会显示自己的尺寸或一段简短标签,这样设计师和开发者就能在最终图片还在准备时,先排好样机、线框图和模板。
如何生成自定义尺寸的占位图?
输入你想要的宽度和高度,或者选一个预设再做调整。你可以生成最大 4096 × 4096 像素的图,从小缩略图到 4K 显示屏乃至大幅印刷排版都能涵盖。
怎么给占位图添加文字?
在文字框里输入任意内容,它就会居中显示在图上。如果留空,默认会显示尺寸(例如 800 × 600)。你可以自己控制字号、字重和颜色,也可以交给自动适配和自动对比来处理。
自动对比有什么作用?
自动对比会查看背景色的明暗,并选取一种在其上清晰可读的文字颜色——浅色背景用深色文字,深色背景用浅色文字。关闭它即可自行选择文字颜色。
可以下载哪些格式,包含 PNG 和 SVG 吗?
你可以导出为 PNG、JPG、WebP 或 SVG。PNG 适合清晰的无损图,JPG 或 WebP 文件更小且带可调的质量滑块,SVG 则适合需要在任意尺寸下都保持锐利的可缩放矢量图。
批量生成是怎么运作的?
先设置好一张占位图,点击添加把它放进批量列表,然后按需要的每个尺寸重复操作——每一项都保留自己的颜色和文字。准备好后,点击下载 ZIP 就能把它们全部装进一个压缩包里。
我的图片会上传到服务器吗?
不会。每张图都完全用 HTML Canvas API 在你的浏览器里生成。没有任何内容会上传或存储到服务器,也不会收集任何使用数据。
还没有评论,快来发表第一条!