佔位圖片生成器（示例圖片製作工具）

只需設定寬度、高度、背景色和文字顏色，即可在瀏覽器內生成示例圖片並下載為PNG。圖片不會發送到伺服器。

常用示例圖片尺寸一覽

尺寸 主要用途
300×200 小型橫幅或廣告位佔位圖
800×600 部落格文章插圖或線框圖的臨時圖片
1200×630 Facebook、X（推特）分享卡片用的OGP圖片
1080×1080 Instagram等社交平臺的正方形帖子
1920×1080 全高畫質主視覺圖或幻燈片背景
640×360 16:9影片縮圖或卡片式UI縮圖

使用提示

  • 使用"1200×630（OGP）"預設，可立即獲得在Facebook、X（推特）分享卡片中不會被裁剪的標準尺寸圖片。
  • 將疊加文字留空時會自動顯示"寬×高"數值，方便在比較多個線框圖時一眼分辨尺寸。
  • 背景色和文字顏色既可以用取色器選擇，也可以直接輸入十六進位制顏色程式碼，方便精確匹配設計稿配色。
  • 生成的圖片僅下載到本地裝置，絕不會上傳或儲存到本站伺服器。

常見問題

當網站或應用的設計稿、線框圖中還沒有準備好正式的照片或插圖時，可以用它作為臨時的"佔位圖"填充。這樣可以在正式素材完成之前先確認佈局、進行編碼工作。

不會。該工具完全使用元素在瀏覽器內完成繪製和PNG編碼，圖片資料不會上傳到任何地方。點選下載按鈕後會直接儲存到你的裝置上。

Facebook、X（推特）等主流社交平臺推薦使用1200×630px（寬高比約為1.91:1）。尺寸過小會顯得畫質粗糙，比例不同則可能在展示時被意外裁剪。

本工具支援1px至4000px範圍內的尺寸。由於不同瀏覽器對元素的實現存在各自的上限，建議避免使用數萬畫素見方等極端尺寸。
ツールくん

閒話 ― 佔位圖片的文化

在網頁製作領域，早已形成了在正式照片或插圖準備好之前使用佔位圖片作為"臨時替代"的文化。這與印刷行業中用來代替未完成文案的"lorem ipsum"填充文字是同一種思路，只是應用到了圖片上。

2014年推出的"Lorem Picsum"服務，作為隨機提供真實照片的佔位圖片服務被廣泛使用。只需在網址中指定寬度和高度即可返回一張照片，這種便捷性使其被眾多設計稿和教程採用。不過，依賴外部服務也意味著在離線環境或對保密性要求較高的專案中不太方便使用。

這款工具沒有依賴此類外部服務，而是採用了僅憑瀏覽器即可立即生成純色背景加文字標籤圖片的方式。雖然不像照片那樣逼真，但對於確認尺寸和寬高比、測試社交分享圖片的排版等"只是想先要一張尺寸正確的圖片"的場景來說已經完全夠用。

閱讀相關趣味知識

檢視全部趣味知識

檢視此工具的人也看了

寬高比計算器（比例簡化與等比縮放）

根據圖片或影片的寬度和高度計算寬高比。支援將比例化簡為最簡整數比（例如 1920x1080 → 16:9），也支援在保持比例不變的情況下計算縮放後的尺寸。

圖片格式轉換工具（PNG/JPG/WebP）

免費的圖片格式轉換工具，可在PNG、JPG、WebP格式之間相互轉換，並可調整輸出畫質。轉換過程完全在瀏覽器內完成，不會上傳到伺服器。

HEIC轉換（HEIC轉JPG・PNG・WebP）免費・支援批次

免費將iPhone拍攝的HEIC照片轉換為JPG、PNG或WebP的工具。可一次拖入多個檔案批次轉換，並打包為ZIP下載。全部轉換均在瀏覽器內完成，照片絕不會上傳到伺服器。

圖片馬賽克與模糊處理工具

免費工具，可在圖片上拖拽選擇任意區域並應用馬賽克（畫素化）或模糊效果。適合在社交媒體分享照片前遮擋人臉或車牌。處理過程完全在瀏覽器內完成，圖片不會上傳到伺服器。

圖片裁剪工具

一款可通過拖拽自由裁剪圖片的免費工具。支援正方形、4:3、16:9、3:2等寬高比預設,便於製作社交媒體頭像和影片縮圖。所有處理均在瀏覽器內完成,圖片不會上傳到伺服器。

線上圖片拼接工具（多圖合併為一張）

免費的線上圖片拼接工具，可將多張圖片以橫向、縱向或網格方式合併為一張圖片。可自由調整間距和背景顏色，並以PNG格式下載。所有處理均在瀏覽器內完成，圖片不會上傳到伺服器。