在開發網站時，經常需要填充一些圖片來預覽頁面效果，如果設計沒有提供的素材，這時我們就需要占位圖片，
通過 URL 定制形如 placehold.it/300/200 的地址就可以得到一個占位圖片。下面就來細數 9 個優秀的占位圖片生成網站。
BILLIONS & BILLIONS OF PLACEHOLDER IMAGES SERVED
特點：老牌服務，支持 HTTPS
可定制：尺寸、顏色、文字、格式
- How To Set Image Size ------------------> https://via.placeholder.com/150
- How To Set Image Formats ------------------> https://via.placeholder.com/300.png/09f/fff
- How To Set Custom Text ------------------> https://via.placeholder.com/468x60?text=Visit+Blogging.com+Now
Placeholder Images for every case. Webdesign or Print. It's simple and absolutely free!
特點：圖片分類豐富
可定制：尺寸、圖片分類、文字、灰度圖
- http://lorempixel.com/400/200 ---------------> to get a random picture of 400 x 200 pixels
- http://lorempixel.com/g/400/200 --------------->to get a random gray picture of 400 x 200 pixels
- http://lorempixel.com/1080/1920/sports ---------------> to get a random picture of the sports category
- http://lorempixel.com/1080/1920/sports/4/ --------------->to get picture no. 4/10 from the sports category
When designing websites, you may not have the images you need at first.
But you already know the sizes and inserting some placeholders can help you better seeing the layout.
Don’t waste your time making dummy images for your mockup or wireframe.
Fakeimg.pl is a little tool that generates images with an URL.
Choose the size, the colors, even the text. It’s free and open-source.
- <img src="https://fakeimg.pl/250x100/"> <img src="https://fakeimg.pl/250x100/ff0000/">
- <img src="https://fakeimg.pl/350x200/ff0000,128/000,255">
- <img src="https://fakeimg.pl/350x200/?text=World&font=lobster">
A quick and simple service for getting pictures of kittens for use as placeholders in your designs or code.
Just put your image size (width & height) after our URL and you'll get a placeholder.
特點：喵控必備
可定制：尺寸、灰度圖
Like this: http://placekitten.com/200/300
or: http://placekitten.com/g/200/300
- http://fpoimg.com/300x200
- http://fpoimg.com/300x200?bg_color=333
- http://fpoimg.com/300?text=have%20a%20nice%20day!
The Lorem Ipsum for photos.
Easy to use, stylish placeholders
特點：圖片來自高質量圖庫 Unsplash
可定制：尺寸、指定圖片、模糊圖片
特點：支持棕褐色圖
可定制：尺寸、圖片分類、灰度圖、棕褐色圖
<img src="https://placeimg.com/640/480/any">
8.http://temp.im/ (國內）
im temp placeholder images, feel free to use it anywhere.
特點：國內速度快
可定制：尺寸、顏色
| 服務商 | 圖片種類 | 定制項 | HTTPS/SSL |
|---|---|---|---|
| Placehold.it | 純色 | 顏色、文字 | 支持 |
| lorempixel | 13 類圖片 | 灰度圖、文字 | 支持 |
| Fake images please? | 顏色、文字、字體 | 字體 | 支持 |
| placekitten | 貓咪 | 灰度圖 | 支持 |
| FPOImg.com | 純色 | 燕子、文字 | 支持(無效證書) |
| Dummy Image | 純色 | 等比圖、顏色、格式、文字 | 支持 |
| PlaceIMG | 5 類圖片 | 灰度圖、棕褐色圖 | 支持 |
| Unsplash it | Unsplash | 指定圖片、模糊圖片 | 強制 |
| temp.im | 純色 | 顏色 | 支持(無效證書) |