線上假圖產生器

在做網頁排版設計時或是使用線上編輯器時，常會需要一些圖片使用，透過假圖產生器可以後快速的將圖片引入使用，也可以很快速的將圖片的長寬指定出來，減少處理素材的時間。

01-Unsplash It

優點：可以使用 HTTPS (ssl) 的圖片。
缺點：傳大圖時很慢，反應時間較長

基本使用指定尺寸-Basic Usage
路徑後面的 /200/300 指的是圖片的實際大小，例如： https://unsplash.it/200/300 。
如果要正方型的話，可十直接輸入單一位就可以了，例如： https://unsplash.it/200

亂數取得圖片-Random image
路徑後加上 ?random，例如： https://unsplash.it/200/300/?random

指定特定圖像-Specific Image
查看 unsplash.it 圖片列表後，路徑後輸入 ?image=編號就可取得圖片，例如： https://unsplash.it/200/300?image=0

Grayscale
路徑中(注意是在尺寸前方)加入 /g/，例如： https://unsplash.it/g/200/300

模糊圖片-Blurred image
路徑後加入 ?blur，例如： https://unsplash.it/200/300/?blur

See the Pen Unsplash It-線上相片假圖產生器+bs-Carousel廣告輪播-滿版/自動產生圓鈕/單則隱藏控制鈕 by Jimmy_Wu (@Jimmy_Wu) on CodePen.

用法和 Unsplash It 差不多，不過圖片的解析度不高，但分類部份可以直接在路徑中對應。

優點：不可以使用 HTTPS (ssl) 的圖片，HTTPS (ssl) 內引入圖片的話會變成黑色色塊。
缺點：反應時間較快。

See the Pen lorempixel-線上相片假圖產生器+bs-Carousel廣告輪播-滿版/自動產生圓鈕/單則隱藏控制鈕 by Jimmy_Wu (@Jimmy_Wu) on CodePen.

獲得 300x300，關於 book 和 library 的圖片。

https://source.unsplash.com/300x300/?book,library
<img src="https://source.unsplash.com/300x300/?book,library" alt="">

1 2	https://source.unsplash.com/300x300/?book,library <img src="https://source.unsplash.com/300x300/?book,library" alt="">

在路徑後方使用參數 ?數字編號

<img src="https://source.unsplash.com/random/800x400?1" alt="">
<img src="https://source.unsplash.com/random/800x400?2" alt="">

1 2	<img src="https://source.unsplash.com/random/800x400?1" alt=""> <img src="https://source.unsplash.com/random/800x400?2" alt="">