Dynamic Dummy Image Generator – 可由動態生成的填充素材

在設計範本的時候,難免會用到不少的填充素材來填模擬實際效果,又不會太過花俏,如網頁範本,當中的文字可以用Lorem Ipsum取替,圖片方面就可以用這次介紹的Dynamic Dummy Image Generator產生的圖片取替。

Dynamic Dummy Image Generator網站

https://dummyimage.com/

手動產生填充素材

在欄位填寫需要的解像度、顏色、文字、格式即可複製圖片連結或下載

動態產生填充素材

可以透過修改請求的連結來產生出不同的填充圖片

如只想產生指定大小的方形圖片,可用上https://dummyimage.com/300

亦可修改比例,變成長方形,用上https://dummyimage.com/300x16:9

修改文字和背景顏色,用上https://dummyimage.com/大小/背景顏色的hex code/文字顏色的hex code,如https://dummyimage.com/250/ffffff/000000

除了基本設定以外,可選擇輸出的圖片格式,如JPG/PNG,只需將格式加在任一選項後面即可,如

  • https://dummyimage.com/300.png/09f/fff
  • https://dummyimage.com/300/09f.png/fff
  • https://dummyimage.com/300/09f/fff.png

另外亦可修改文字,只需在連結最尾添加&text=你的文字即可,如https://dummyimage.com/500&text=hello

在尺寸大小方面,可選擇預設的不同標準,如廣告Banner、屏幕標準等,詳情請查看https://dummyimage.com/#standards

Dummyimage.com是一個開源專案,喜歡的可以到Github給一個Star支持作者!

 

 

Author avatar
OpenserTk
https://opensertk.blowhk.com
現實中我是一個很被動的人,不過在網上就是一個樂意跟網友分享資訊的人。

Post a comment

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

本站採用Cookies來提升你的使用體驗。