PlaceHold:線上網頁佔位圖片生成工具

PlaceHold:線上網頁佔位圖片生成工具是一個可以幫助設計師快速生成任何大小的站點陣圖片,並且能夠自定義圖片的格式、顯示的文字和顏色等,這就為網頁設計師節省了時間,提供工作效率。

PlaceHold:線上網頁佔位圖片生成工具

設計網頁時常常需要找寬度、長度合適的圖片來填充區塊,或是測試不同大小圖片的表現。這往往可能浪費很多時間,甚至還要自己動手製作某些特殊尺寸的圖片,相當麻煩。

舉例來說,Placehold.it首頁左側就提供了最基本的使用方式,直接在http://placehold.it/後面填上你要的圖片尺寸,例如http://placehold.it/350×150,然後以<img >標籤來將圖片貼入網頁,就能夠自動生成350×150的圖片。

在Placehold.it預設的圖片格式 ​​為gif,如果你想要使用.jpeg / .jpg / .png等圖片格式 ​​的話,僅需要在網址後面加上副檔名,例如http://placehold.it/ 350×150.png,這樣就能夠產生png格式的佔位圖。

預設的圖片內顯示的是圖片尺寸,不過你可以將它設定為其他文字(不支援中文),目前僅能使用大、小寫的Az 、數字及大部分的符號,使用的方法很簡單,只要在網址內加上&text=後面接入文字就可以了。

預設圖片使用灰色色系,如果你有需要將圖片的背景、文字顏色做變更,只要在網址後面分別加入背景及文字顏色的hex codes即可(#ffffff是白色),例如:http:// placehold.it/250/000000/ffffff (前面被景色、後面文字顏色)。

Placehold.it圖片高度是選用的。如果你直接在網址後面加入一個數值,例如http://placehold.it/100,那麼就會產生一個100×100的正方形圖片,非常簡單。

這個服務真的非常的方便且實用,尤其對於常常製作網頁的朋友來說,省去找範例圖片的麻煩,而且Placehold.it 也幫你處理了圖片儲存的問題,甚至不用自己上傳、儲存圖片,直接從遠端以網址呼叫圖片就能使用。

猜你喜歡

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *