工具 | Fake images please? 免費!易用!切版用假圖片好幫手

  • Post category:前端相關
  • Post last modified:2022-08-10
  • Reading time:2 mins read

上一篇介紹了 google photo embed ,適用於想從google photo嵌入特定圖片,那如果只是要隨便用張圖片排版呢?
總不能每個尺寸都用ps一張一張做吧~
這時 fake images please? 就派上用場啦~

使用方式十分簡單,如果今天需要一張尺寸寬300px長250px的圖片,那麼只要在圖片路徑寫上:

<img src="https://fakeimg.pl/300x250/">

就會出現指定尺寸的假圖片了!

可以設定假圖片的背景顏色,只要在尺寸後加上 “/色碼”:

<img src="https://fakeimg.pl/300x250/fe7a71">

設定假圖片的字體顏色也是可以的,接在背景顏色後就可以了:

<img src="https://fakeimg.pl/300x250/fe7a71/fff">

甚至可以設定顏色的透明度(介於0-255)

<img src="https://fakeimg.pl/350x200/fe7a71,128/000,10">

更方便的是,可以更改假圖片的顯示文字與字體:

<img src="https://fakeimg.pl/350x200/?text=Hello&font=noto">

這樣還能順便標註正式圖片用哪張之類的

英文可使用的字體有:

font=lobster, font=bebas, or font=museo

日文、韓文、中文請用 font=noto

使用上是不是超級簡單方便?
 只能說作者是佛心來的,免費且開源,實在造福很多需要在企劃沒有提供圖片卻要先排版的時刻呀~