[指南] Dynamic Dummy Image Generator 簡單好用的假圖生產器

章節連結

在進行排版時又沒有正式的圖片可用時,生個假圖來占位,是前端、網頁設計師很常利用的技巧之一。這回要介紹的是 Dynamic Dummy Image Generator ,能夠客製的選項比較多,但僅能呈現文字就是了。
dynamic-dummy-image-generator


使用說明

網址:https://dummyimage.com/

1. 進入網站後,使用方式非常簡單。你會先看到有一個預覽圖,你可以輸入尺寸大小、背景顏色(使用Hex Code)、字體顏色、檔案格式和文字。
dynamic-dummy-image-generator demo2. 接著你就會看到對應的生成網址,你可以直接帶入這個網址作使用。
3. 如果你要客製化的調整細項,你可以拉到網頁下方看說明。這同時也是個 Github 專案,可以點選這裡查看

dynamic-dummy-image-generator intro3 dynamic-dummy-image-generator intro2dynamic-dummy-image-generator intro

按讚加入粉絲團

延伸閱讀