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

章節連結

• 使用說明

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

---

使用說明

網址：https://dummyimage.com/

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

按讚加入粉絲團

延伸閱讀

• [筆記] ALG101 – 先別急著寫 LeetCode12
• [指南] Chart.js 前端圖表實用工具
• [筆記] 在 Vue 中正確引用 src/assets 裡的圖片
• [筆記] 運用 MAC 內建的系統監視程式查看因 ChromaCam 錯誤所導致的自動跳出問題
• [筆記] ALG101 – 先別急著寫 LeetCode11