圖片 / 模擬稿

佔位圖片產生器

一次製作任意尺寸的佔位圖片,自訂色彩和文字,並以PNG或SVG下載,用於模擬稿、版面配置和廣告版位。

佔位圖片產生器: 每張圖片都是填滿底色的矩形,中央顯示圖片尺寸或你的文字。文字大小會自動調整,使其大約符合寬度的80%和高度的40%。SVG圖片會以純標記寫入,每張只有幾百個位元組;PNG圖片則會在你的瀏覽器中使用畫布繪製。 全程在瀏覽器中於本機執行,檔案不會上傳至伺服器。

使用次數
在瀏覽器中
費用
免費・免註冊
可用狀態
可立即使用
佔位圖片產生器本機處理

全程在瀏覽器中執行

1200 × 630
1200 × 630
1080 × 1080
1080 × 1080
300 × 250
300 × 250
728 × 90
728 × 90

圖片會在瀏覽器中繪製。SVG檔案無論尺寸大小都能保持清晰,而且檔案很小;PNG則能在各種地方使用,包括電子郵件和辦公文件。

在版面配置中使用佔位圖片

請將佔位圖片製作成與最終圖片完全相同的尺寸,這樣實際圖片載入時頁面就不會移動;並使用中性的灰色,避免被誤認為完成的設計。

實際圖片到位後,請使用圖片調整大小工具將圖片調整至所需尺寸,再用長寬比計算機檢查比例。

嵌入SVG佔位圖片

SVG佔位圖片可以直接作為資料URI放入img標籤的src中,省去額外檔案;資料URI產生器可以從下載的SVG建立資料URI。

使用方式

  1. 列出需要的尺寸,例如1200x630、300x250。
  2. 選擇背景色和文字色,並輸入選用的文字。
  3. 將每張圖片或全部圖片下載為PNG或SVG。

隱私與限制

圖片會在你的瀏覽器中製作;不會上傳,也不會擷取任何內容。

相關工具

常見問題

哪些尺寸很常見?

社群媒體連結預覽常用1200 × 630,正方形貼文常用1080 × 1080,標準展示型廣告則常用300 × 250、728 × 90和160 × 600。

PNG還是SVG?

網頁模擬稿適合使用SVG,因為檔案很小,無論放大到任何倍率都能保持清晰;如果使用環境不接受SVG,例如電子郵件、簡報或某些設計工具,則使用PNG。

可以使用多行文字嗎?

文字欄位只能輸入一行,因此不行;顯示尺寸,或使用Logo、Banner等簡短文字,通常最清楚。

免費工具・使用在瀏覽器中次・免註冊