2023-12-29|閱讀時間 ‧ 約 23 分鐘

介紹好用的產圖工具 Fake images ,快速產出示意圖讓版面更完整!


前言

今天是2023年的最後一個工作天,來跟大家分享一些好用的工具,當設計正在努力製作圖片尚未產出時,又需要先DEMO版本的話,你可以先用Fake image來協助你讓版面更加完整。


使用方式

假設你今天需要一個800*300的Banner,那你可以輸入

<img src="https://fakeimg.pl/800x300/">

產出結果,這樣你就會獲得一個「符合尺寸」的預設圖

那如果今天你想要「自訂文字」,告知這個是什麼用途,你可以這樣做

<img src="https://fakeimg.pl/800x300/?text=Banner(800*300)">

產出結果

值得注意的是,如果你要打中文字的話,要改字型才可以使用

The support for japanese, korean and chinese text is available with the use of the Noto font (font=noto)

<img src="https://fakeimg.pl/800x300/?retina=1&text=輪播圖&font=noto">

使用方法非常快速簡單好懂!快去試試看吧~


其他延伸

假設你今天不是寫網站的人,單純想要獲得指定尺寸的圖片也是可以的,在網址設定你需要的資料後,點開網址按「下載」即可

實際演練如下

假設你設定的條件是800*300尺寸的圖,那網址會長得像這樣

https://fakeimg.pl/800x300/

接著把網址點開來,直接下載就可以獲得圖片了!



來源資料

https://fakeimg.pl/

分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.