爲什麼我需要圖像佔位符服務或圖書館？

Question

昨天，我看到一條關於持有者JS庫的推文。當我讀到使用情況時，它說它會在客戶端完全生成圖像佔位符。所以我想知道爲什麼在生活中我需要一個佔位符庫？

什麼情況下，而不是放置一些大小的div我會使用圖像佔位符？

Answer 1

圖片佔位符通常用於處理動態加載實際圖片的頁面，或者頁面僅部分設計，佔位符圖片顯示設計佈局的方式以及圖片的大小即使真實圖像尚未可用。通過這種方式，即使最終的圖像還不可用或完成，HTML設計仍可能接近完成。

維基百科使用圖像佔位符，當他們知道他們想要一個頁面中的特定圖像，但在尋找他們可以使用適當的許可證的圖像。

圖像佔位符傳統上由Web上的服務提供服務，該服務根據URL中的查詢參數自動創建佔位符圖像，但holder.js庫完全在客戶端上創建佔位符圖像（因此不需要外部服務）。

你當然可以用只有div的背景顏色和甚至div中的一些文本來實現與佔位符相同的外觀。但是，當有人想要插入最終的圖像時，他們會將div標籤更改爲img標籤。使用佔位符圖像時，所有HTML標記都可以是最終的並保持原樣，只需要插入.src值即可完成設計。因此，即使圖像尚未完成，佔位符圖像也可讓您更接近完整版本的HTML。這是一個小小的不同，但一個是由一些設計師讚賞的。