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

昨天，我看到一条关于holderJS图书馆的推特。当我阅读用法时，它说它将在客户端完全生成图像占位符。所以我想知道为什么我在生活中会需要一个占位符库

---

在什么情况下，我会使用图像占位符而不是放置某个大小的div？

图像占位符通常用于动态加载真实图像的页面，或者页面只是部分设计，占位符图像显示设计的布局和图像的大小应该是即使真实图像还不可用。通过这种方式，HTML设计几乎可以完成，即使最终的图像尚未可用或完成

当Wikipedia知道他们想要页面中的特定图像，但正在搜索一个他们可以使用适当许可证的图像时，他们会使用图像占位符

图像占位符通常由web上的服务提供，该服务根据URL中的查询参数自动创建占位符图像，但holder.js库完全在客户端创建占位符图像（因此不需要外部服务）

---

您当然可以通过一个带有背景色的div甚至div中的一些文本来实现与占位符相同的外观。但是，当有人想要将最终图像插入到位时，他们可以将div标记更改为img标记。当使用占位符图像时，所有HTML标记都可以是最终的，保持原样，只需插入

.src

值即可完成设计。因此，占位符图像允许您拥有更接近完整的HTML版本，即使图像尚未完成。这是一个小的不同，但是一些设计师喜欢的一种方法。

图像占位符通常用于动态加载真实图像或页面仅部分设计的页面，占位符图像显示了设计的布局方式和图像的大小，即使真实图像尚未显示可用。通过这种方式，HTML设计几乎可以完成，即使最终的图像尚未可用或完成

当Wikipedia知道他们想要页面中的特定图像，但正在搜索一个他们可以使用适当许可证的图像时，他们会使用图像占位符

图像占位符通常由web上的服务提供，该服务根据URL中的查询参数自动创建占位符图像，但holder.js库完全在客户端创建占位符图像（因此不需要外部服务）

您当然可以通过一个带有背景色的div甚至div中的一些文本来实现与占位符相同的外观。但是，当有人想要将最终图像插入到位时，他们可以将div标记更改为img标记。当使用占位符图像时，所有HTML标记都可以是最终的，保持原样，只需插入

.src

值即可完成设计。因此，占位符图像允许您拥有更接近完整的HTML版本，即使图像尚未完成。这是一个小的不同，但一个是由一些设计师赞赏