Table of Contents

做網頁前端的朋友們應該有聽過可以幫助預覽版面的假文產生器 Lorem Ipsum,在還不知道具體文字內容的情況下,有了假文的幫助,也可以順暢的進行版面編排。要是連圖片素材都還沒拿到、又要預先為版面做編排的話,也有假圖產生器可以使用,只要在編寫前端代碼時,打上所需的圖片網址,就能自動load進相對應的圖片色塊,不用一張張再另外複製貼上或是重新裁剪,方便又有效率!

網址:http://fakeimg.pl/

指定尺寸

將上面的網址後面,加上希望的圖片尺寸就可以了(單位是像素px)。例如,如果想要一張600x400的假圖,輸入網址http://fakeimg.pl/600x400/,就會得到以下圖片:

這個網址可以直接寫進你的前端代碼裡,不用另外下載。譬如這樣:

指定顏色

顏色的設定也很直白,直接在圖片網址的後面,以16進制格式加上背景色與文字顏色就可以了。例如,我想要黑色背景(#000)、白色文字(#fff)的話,網址就是http://fakeimg.pl/600x400/000/fff/

指定顯示文字

在這裡圖片預設顯示的文字是它的尺寸,如果想改成另外的文字也是ok的,只要在網址的最後面加上 ?text=想要的文字 ,就可以了。例如下圖的網址就是http://fakeimg.pl/600x400/000/fff/?text=HelloBonnie