網頁設計師在製作網頁初期都一定會需要使用一些範例圖片,在預期擺放圖片的位置先佔個位,可以幫助我們更容易掌握整體網站呈現出來的效果,但不同位置的圖片尺寸可能不盡相同,每一張都要特意去裁切其實有點麻煩,在網路上就有專門提供佔位圖的網站,可以幫助設計師們更快速取得各種尺寸的佔位圖。
以前就曾經介紹過一些,包含單純色塊的「Fake images please?」以及都是精美圖片的「PLACEMAT」,若是喜歡貓咪的有「placekitten」,喜歡看帥哥的話則有「PlaceKeanu.com」基努李維的照片可以選用。
不過有國外網友發現,為什麼都沒有以狗狗為主題的佔位圖網站呢?於是「place.dog」就出現了!裡頭的佔位圖都是以狗狗為主,只要在網址「https://place.dog/」後方加上所需的寬度與高度,例如「https://place.dog/300/200」,就能立即獲得符合需求尺寸的狗狗佔位圖了。真是超級方便又可愛的工具呢!有需要的朋友可以參考看看。
網站名稱:place.dog 網站網址:https://place.dog/
網頁畫面:
開啟網頁就可以看到範例,使用時直接在網址列後方加入需要的圖片尺寸,就可以直接獲得佔位圖了。