Fake image please,請立刻給我一張假圖!

fake image

有時候我們寫網頁會臨時需要一些圖片來預覽結果,雖說是隨便要一張就好的東西,卻不得不開Photoshop來做需要的尺寸,這時候如果有Fake image please幫助的話就方便了,所有圖片的尺寸都可以在瞬間"寫"出來。

網站:Fake image please

只要簡單的打上一段規則的網址,加上尺寸,就成為一張圖,多麼直覺的解決方案呀。這對前端作業來說根本是神一樣的工具。以下是官方的範例語法:

img src="http://fakeimg.pl/300/"
img src="http://fakeimg.pl/250x100/"
img src="http://fakeimg.pl/250x100/ff0000/"
img src="http://fakeimg.pl/350x200/ff0000/000"
img src="http://fakeimg.pl/350x200/?text=Hello"
img src="http://fakeimg.pl/350x200/?text=World&font=lobster"

網址就是參數,可以在參數上訂製圖片尺寸、圖片背景色、文字顏色、文字、字型(似乎不支援中文字)。相信大家看看就知道語法怎麼用了…,不過因為參數很程式化,所以也可能寫出比範例更複雜的圖片,例如本篇的範例就是寫這樣的:
http://fakeimg.pl/650x300/0088b2/fff/?text=designerapps.blogspot.com
大家可以多嘗試一下。

這應該是Java生成的圖片。




張貼留言

跟其他看到這個工具的人聊聊?