重灌狂人

PLACEMAT 超方便的高品質網站範例圖產生器

在網頁製作的前期大多都會需要使用一些範例圖或稱為佔位圖,在預計放置圖片的位置先用其它的圖片卡位,可模擬網頁完成時的狀態,除了自己製作這些範例圖外,網路上也有很多方便的產生器可使用,像之前介紹過的「Fake images please?」或是「placekitten」,可使用圖片網址快速置入所需要範例圖。

不過「Fake images please?」只提供單純的色塊,,

而「placekitten」則以貓咪圖為主,若你想要使用真實的照片但又不想只有貓咪為主角的話,「PLACEMAT」將可以給你更多不同的選擇哦!

「PLACEMAT」一樣在圖片網址上動動手腳就能輕鬆在網頁裡套入不同尺寸、不同主題內容的範例圖,包含人物、地點和事物三種內容,可控制長與寬、在圖中加字、設定文字顏色或是讓產出的圖片都覆蓋一層指定的半透明顏色……等。只要依需求在網址上做設定即可。有需要的朋友可以參考看看唷!

使用方法:

在網站中下方有說明使用方式,可將網頁儲存到頁籤中,如果忘了怎麼使用時就可以打開來回憶一下。

基本上就是記得下面的三個網址,分別可選擇加入人物、地點與事物。

https://placem.at/people
https://placem.at/places
https://placem.at/things

若要指定寬度,就在網址後加上「?w=寬度」,例如想來一張寬 500 的地點圖片,網址就寫成「https://placem.at/places?w=500」,想再指定高度 300 就寫成「https://placem.at/places?w=500&h=500」,就可以產生下圖。

其它的使用方式在網頁中都有詳細的說明,想要加什麼條件,基本上就是用「&」來添加,例如想要每次產生不同的照片,可再加入「random=1」,加字則為「txt=要加入的字」。再以上面的例子示範的話,就會變成「https://placem.at/places?w=500&h=500&txt=briian.com&random=1」。

Exit mobile version