圖片 / 模擬稿
佔位圖片產生器
一次製作任意尺寸的佔位圖片,自訂色彩和文字,並以PNG或SVG下載,用於模擬稿、版面配置和廣告版位。
佔位圖片產生器: 每張圖片都是填滿底色的矩形,中央顯示圖片尺寸或你的文字。文字大小會自動調整,使其大約符合寬度的80%和高度的40%。SVG圖片會以純標記寫入,每張只有幾百個位元組;PNG圖片則會在你的瀏覽器中使用畫布繪製。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。
- 分類
- 圖片工具
- 使用次數
- 在瀏覽器中
- 費用
- 免費・免註冊
- 可用狀態
- 可立即使用
全程在瀏覽器中執行
圖片會在瀏覽器中繪製。SVG檔案無論尺寸大小都能保持清晰,而且檔案很小;PNG則能在各種地方使用,包括電子郵件和辦公文件。
在版面配置中使用佔位圖片
請將佔位圖片製作成與最終圖片完全相同的尺寸,這樣實際圖片載入時頁面就不會移動;並使用中性的灰色,避免被誤認為完成的設計。
嵌入SVG佔位圖片
SVG佔位圖片可以直接作為資料URI放入img標籤的src中,省去額外檔案;資料URI產生器可以從下載的SVG建立資料URI。
使用方式
- 列出需要的尺寸,例如1200x630、300x250。
- 選擇背景色和文字色,並輸入選用的文字。
- 將每張圖片或全部圖片下載為PNG或SVG。
隱私與限制
圖片會在你的瀏覽器中製作;不會上傳,也不會擷取任何內容。
相關工具
常見問題
哪些尺寸很常見?
社群媒體連結預覽常用1200 × 630,正方形貼文常用1080 × 1080,標準展示型廣告則常用300 × 250、728 × 90和160 × 600。
PNG還是SVG?
網頁模擬稿適合使用SVG,因為檔案很小,無論放大到任何倍率都能保持清晰;如果使用環境不接受SVG,例如電子郵件、簡報或某些設計工具,則使用PNG。
可以使用多行文字嗎?
文字欄位只能輸入一行,因此不行;顯示尺寸,或使用Logo、Banner等簡短文字,通常最清楚。
免費工具・使用在瀏覽器中次・免註冊