本站提供URL直連網址,可讓你在設計網站時,在已知尺寸的情況下,可快速插入預留圖可以幫助您排版。同時也新增邊緣背景設計的功能,方便用於製作螢幕截圖示意圖、簡報圖美化用途。

更詳盡的說明,請看 ➤ 使用說明

常用範例

<img src="https://fimg.yuaner.tw/300x200.svg"> <!-- 一般預留圖 -->
<img src="https://fimg.yuaner.tw/400x200?text=🖼️預留圖😉&filetype=png"> <!-- 自訂文案預留圖 -->
<img src="https://fimg.yuaner.tw/400x200/ff0000/FFF/?text=I am red."> <!-- 自訂背景色與文字顏色的預留圖 -->
<img src="https://fimg.yuaner.tw/300x200/bg/5/10/ph.svg"> <!-- 帶有帶有陰影的透明邊緣的預留圖 -->
<img src="https://fimg.yuaner.tw/300x200/bg/5/10/4/tpl(drool-l)/ph.svg"> <!--帶有帶有圓角陰影的圖案邊緣的預留圖-->

製作佔位圖

https://fimg.yuaner.tw

畫布大小

Optional

邊緣背景

Optional

Padding
Shadow

Optional

Radius

Optional

Background
100%
Transarent Background

內容邊框

Optional

Width
Background
100%
Transarent Background

主內容

區塊大小 (Block Size)
Background
100%
Default Color
Foreground Color
100%
Default Color
Text

Optional

Icon (emoji) or Title

Optional

Font Optional

額外設定

Scale
Other options
File Type
...
Preview

嵌入圖片