图片占位符

一个生成占位符的网站

https://dummyimage.com/

使用方式:

大小

宽 x 高

• 高度是可选的，如果未指定高度，则图像将为正方形。示例：https://dummyimage.com/300

• 必须是 url 中的第一个选项

• 您可以指定一个维度和一个比率，dummyimage 将计算正确的值。示例：https://dummyimage.com/640x4:3 或 https://dummyimage.com/16:9x1080

颜色

背景颜色 / 文本颜色

• 颜色表示为十六进制代码（#ffffff 为白色）

• 颜色始终遵循尺寸，https://dummyimage.com/250/ffffff/000000 不 https://dummyimage.com/ffffff/250/000000

• 第一种颜色始终是背景色，第二种颜色是文本颜色。

• 背景颜色是可选的，默认为灰色 （#cccccc）

• 文本颜色是可选的，默认为黑色 （#000000）

• 颜色有快捷方式

  • 3 位数字将扩展为 6,09F 变为 0099FF

  • 2 位数字将扩展为 6，ef 变为 efefef

  • 1 位数字将重复 6 次，c 变为 cccccc 注意：单个 0 不起作用，请改用 00。

• 还提供标准图像大小。查看完整列表。

  • https://dummyimage.com/qvga

  • https://dummyimage.com/skyscraper/f0f/f

图像格式

.gif、.jpg .png

• 添加图像文件扩展名将以正确的格式呈现图像

• 图像格式是可选的，默认为 gif

• JPG 和 JPEG 是相同的

• 图像扩展名可以位于 url 中任何选项的末尾

  • https://dummyimage.com/300.png/09f/fff

  • https://dummyimage.com/300/09f.png/fff

  • https://dummyimage.com/300/09f/fff.png

自定义文本

&text=你好+世界

• 可以使用 URL 末尾的查询字符串输入自定义文本。

• 这是可选的，默认为图像尺寸 （300×250)

• a-z（大写和小写）、数字和大多数符号都可以正常工作。

• 空格变为 +

  • https://dummyimage.com/200x300&text=dummyimage.com+rocks！

Github连接

https://github.com/kingkool68/dummyimage