想找好看的占位圖？Doodle Ipsum 有超多！

Lorem ipsum（簡稱為 Lipsum）是指一篇用于測試文章排版或字型效果的拉丁文文章，如果你要測試字體或排版效果可使用范例文章，通常會用來填充版面，有助于預覽實際顯示的效果。你可能會問：既然有測試用文字那有沒有測試用的圖片呢？占位圖片（Placeholder）能依照用戶需要的圖片尺寸大小產生對應的圖片，可能是單色圖片、免費圖庫素材或基努利瓦伊照片。

本文要介紹的「Doodle Ipsum」是一個以涂鴉作為測試圖片產生器的在線工具，這些涂鴉看起來似曾相似對吧？我們在 Open Doodle、Open Peeps 都有介紹過，如果你想要更完整的素材，Blush 提供可在線調整及預覽、快速制作插圖素材的網站。

Doodle Ipsum 提供各種不同樣式的插圖素材，用戶可以在選擇樣式（或隨機）、指定大小比例和背景顏色后產生圖片鏈接，就能將產生的圖片運用在網頁開發原型、登陸頁面或是任何無代碼工具（No-code tool），例如擁有所見即所得效果的網頁編輯器。

Doodle Ipsum

網站鏈接：https://doodleipsum.com/

使用教學

開啟 Doodle Ipsum 網站主要分為左右兩個部分，左側是選項調整區，右側是圖片預覽。

從左側可以選擇不同的涂鴉插圖風格，也能直接點選「Random」隨機產生，第二個字段是圖片大小比例，有 1:1、16:9、9:16、4:3 和 3:4 固定尺寸，也能選擇自動或自行填入需要的寬度高度。

還有一個可自定義插圖背景顏色的選項，默認值是使用透明背景，也能隨機產生或固定顏色。

設定以后右側會立即產生圖片預覽，可以點選圖片上的「Shuffle」產生下一張圖。

透過下方的「Get URL」取得涂鴉插圖鏈接，就能將它用于測試或開發做為范例圖片。

如果你要以 HTML 程序代碼將圖片嵌入網頁，也可選擇另一個「Embed code」產生內嵌代碼（這個功能會標示插圖作者名稱）。

值得一試的三個理由：

• 以涂鴉插圖做為測試圖片產生器的在線工具
• 可選擇各種樣式、指定大小比例、背景顏色或隨機產生
• 取得圖片鏈接或是 HTML 嵌入程序代碼