Fake image please,請立刻給我一張假圖!
in
前端設計,
網頁設計,
html,
responsive
- on 星期二, 11月 26, 2013
- No comments
有時候我們寫網頁會臨時需要一些圖片來預覽結果,雖說是隨便要一張就好的東西,卻不得不開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生成的圖片。
張貼留言
跟其他看到這個工具的人聊聊?