FakeImg:網頁佔位圖生成工具

FakeImg:網頁佔位圖生成工具是一個幫助網頁設計師初期設計版面的時候,採用佔位圖來填充圖片位置的工具,節省設計師的時間,支援設定的引數例如尺寸、顏色背景、文字顏色等。

FakeImg:網頁佔位圖生成工具

進 入網站後,就能看到[How to use],下方有一些使用範例,最簡單的用法就是在「http://fakeimg.pl/」後加上單一個數字,例如「300」,就表示會產生一張 300×300 的方形圖片,如果需要的尺寸長寬不相同的話,則直接加上需要的尺寸,例如「250×100」,就能得到一張長寬為250×100 的圖片囉!

另外,還可以變更背景顏色、文字顏色,或是在圖片中顯示特定文字,甚至可以修改字型。圖片網址的引數內容用中文來寫的話,大概就是:「http://fakeimg.pl/圖片尺寸/背景顏色色碼/文字顏色/?text=要顯示的文字&font=字型」;在製作網頁時,就能直接套用到程式碼中,十分方便、快速,省下來的時間你就能拿來發想設計了。

 

猜你喜歡

發佈留言

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