Softonic

占位图片生成器

步 1 / 2
服务
下一步

为线框图、原型或内容区域创建临时图片。设置尺寸、颜色和可选标签，然后下载浏览器绘制的 PNG。本工具还可为 placehold.co、picsum.photos 或 dummyimage.com 生成网址和 HTML 图片标签。

如何创建占位图片

  1. 1

    选择服务

    选择 placehold.co、picsum.photos 或 dummyimage.com 作为外部网址。

  2. 2

    设置尺寸

    输入 1 至 4000 像素的宽度和高度。

  3. 3

    调整画布

    选择颜色和可选标签。Picsum 网址不会采用这些设置。

  4. 4

    使用结果

    将本地画布下载为 PNG，或复制外部网址或 HTML。

常用尺寸

使用与最终图片相同的宽高比，可避免替换占位图时页面布局跳动。

用途 尺寸 宽高比
Open Graph 图片 1200 × 630 px 1.91:1
视频缩略图 1280 × 720 px 16:9
方形商品卡片 600 × 600 px 1:1
邮件横幅 600 × 200 px 3:1
  • 下载 PNG保存浏览器绘制的画布，其中包含颜色、网格、对角线和标签。
  • 网址指向所选第三方服务。Picsum 会返回随机照片，不采用颜色和标签。
  • HTML把外部网址放入含宽度、高度和替代文字的 <img> 元素。

标签会作为状态发送到我们的服务器，也可能出现在复制的第三方网址中。请勿输入机密文字。

常见问题

下载按钮只生成 PNG，不支持导出 SVG、JPEG 或 WebP。

宽度和高度各自最多 4000 像素。大画布可能占用较多内存。

预览在本地绘制，而 Picsum 返回随机照片，并忽略颜色和标签。

请勿将其视为私密内容：它会发送给应用，并可能出现在分步网址和支持的外部网址中。

相关工具

ASCII 表参考

完整 ASCII 表，覆盖 0 到 127；列出每个代码的十进制、十六进制、八进制、二进制值和 HTML 数字字符引用写法，包括 NUL、LF、DEL。

HTML 字符参考

可搜索的 HTML 实体列表，含命名代码与数值代码，并支持一键复制特殊字符和符号。

键盘快捷键参考

搜索 macOS、Windows 和 Linux 上 VS Code、Chrome 以及使用 GNU Readline 的 Bash 的文档默认快捷键。

邮箱验证器

验证邮箱地址：RFC 5322 语法检查、实时 MX 记录查询，并显示本地部分、域名和长度详情。不会发送任何邮件。

编辑器配置生成器

根据你的缩进样式与大小、行尾、字符集和空格规则生成 .editorconfig 文件，让不同集成开发环境（IDE）和编辑器的格式保持一致。

证书解码器

粘贴一张 X.509 PEM 证书，并查看解码后的字段：主体、颁发者、序列号、签名算法、有效期及主体备用名称（SAN）。

此工具还提供其他语言版本