为什么我需要图像占位符服务或库?

图像占位符通常用于正在动态加载真实图像的过程中的页面,或者该页面仅部分设计,并且占位符图像显示了设计将如何布局以及图像应该有多大,即使真实图像还不可用。通过这种方式,即使最终的图像还没有可用或完成,HTML设计也几乎可以完成。

当维基百科知道他们想要页面中的特定图像,但正在搜索一个可以在适当许可证下使用的图像时,就会使用图像占位符。

图像占位符传统上由网络上的服务提供,该服务根据URL中的查询参数自动创建占位符图像,但holder.js库完全在客户端上创建占位符图像(因此不需要外部服务)。

你当然可以实现与占位符相同的外观,只需要一个带有背景色的div,甚至可以在div中添加一些文本。但是,当有人想将最终图像插入到位时,他们必须将div标记更改为img标记。当使用占位符图像时,所有HTML标记都可以是最终的,并保持原样,只有 .src 需要插入值才能完成设计。所以,占位符图像允许您拥有更接近完整的HTML版本,即使图像尚未完成。这是一个微小的不同,但它受到了一些设计师的赞赏。