工具用的順手嗎？
你的回饋能幫助我們做得更好
快速生成指定尺寸、顏色和文字的佔位圖片，用於網頁原型、文件和測試開發。
設定引數後即可預覽佔點陣圖
概覽
了解工具能解決的問題、計算或處理邏輯，以及資料邊界。
佔位圖是在版面、原型或測試流程中暫代正式圖片的簡單圖像。這項工具可設定寬、高、背景色、文字顏色與文字，預覽後下載 PNG、JPG 或 WebP，也能複製圖片 Data URL。它產生的是圖片內容，不會替你建立可供其他人透過固定網址存取的託管圖片；若專案需要公開網址，下載後仍須放到自己的網站或圖片託管服務。
尺寸以畫素表示，每邊會取整並限制在 1 至 5000 畫素。預覽區會配合頁面空間縮放，因此畫面上看到的大小不等於匯出尺寸。留白時，圖中央會以目前寬高作為文字，例如 600 × 400；輸入自訂文字後，則顯示該文字。字級會依畫布與文字長度估算，長句或狹窄畫布仍應檢查預覽。
PNG、JPG 與 WebP 都是點陣圖格式，結果會以設定的畫素寬高輸出；本工具沒有 SVG 向量檔選項。PNG 適合保留清晰邊緣的簡單圖像，JPG 與 WebP 則可能採用有損壓縮。匯出結果也會受瀏覽器對圖片格式的支援影響。
HTML Standard 說明 Canvas 可匯出為圖片檔或 Data URL，並要求瀏覽器支援 PNG；其他格式並非必須支援，未支援時可能改以 PNG 輸出。複製的 Data URL 本身包含圖片資料，可貼入支援資料網址的 HTML 或文件，但不等同於網路上的永久圖片連結。
指南
依步驟完成操作，並透過範例核對輸入與結果。
填入寬度與高度，單位是畫素；也可直接套用常用尺寸，例如 300 × 250、600 × 400、800 × 600、1280 × 720 或 1920 × 1080。輸入值會取整並限制在每邊 1 至 5000 畫素。
設定背景色、文字色，再輸入短文字。若文字欄留白，中央會標示目前尺寸，方便團隊辨識圖片區塊。
選擇 PNG、JPG 或 WebP，查看預覽中的尺寸、顏色和文字是否合用。預覽縮小只是顯示方式，匯出仍使用設定的寬、高。
按「下載圖片」取得檔案，或按「複製圖片連結」複製 Data URL。若要在網站或文件中引用，依使用情境保存檔案到自己的專案，或貼上支援 Data URL 的位置。
例如選擇 1280 × 720、將文字留白並使用 PNG，預覽中央會顯示「1280 × 720」，下載圖片的畫素尺寸仍為 1280 × 720，即使預覽框中的圖看起來較小。
情境
查看這項工具在不同工作與生活流程中的用法。
設計或前端人員可先依橫幅、卡片或縮圖區域設定寬高，用佔位圖查看裁切、留白與文字位置；正式素材完成後再替換。
測試列表、圖片載入或版面排列時，可在圖中央放入尺寸或簡短標籤，讓協作者看截圖時清楚知道各區塊預期的圖片大小。
撰寫操作說明或內部文件時，為尚未定稿的圖片位置產生帶有尺寸提示的圖檔，讓版面示意比空白框更容易理解。
問答
集中解答常見疑問與容易混淆的問題。
不行。複製按鈕提供的是 Data URL，內容嵌在字串內；它不是固定網址或託管服務。需要可公開存取的網址時，請下載圖片並自行上傳到你的網站或託管空間。
留白時工具會自動以目前寬、高作為中央標示。輸入自訂文字即可替換尺寸標籤。
Canvas 匯出格式依瀏覽器支援而異；HTML Standard 規定 PNG 必須支援，其他格式可能不支援並回退為 PNG。若檔案用途要求特定格式，請下載後確認檔案資訊，或改選 PNG。
不會。預覽會縮放以配合顯示區域，下載檔仍依你設定的寬、高產生。請以尺寸欄位或下載檔案資訊確認畫素尺寸。
須知
使用前了解適用範圍、結果限制與必要提醒。
佔位圖只提供單色背景和中央文字標示，不能代替正式攝影、插畫或完整設計素材。文字字級會按畫布寬度與文字長度估算，但不會自動換行；文字過長、字元較寬或畫布太小時，可能擁擠或超出可見範圍，建議縮短文字或放大尺寸並重新檢查預覽。
每邊上限為 5000 畫素；大畫布會增加瀏覽器處理與圖片資料的負擔。Data URL 會把圖像資料編入文字，較大的圖可能產生很長的字串，不適合當成固定託管網址或大量複製到程式碼中。若你的工作流程依賴固定格式、公開網址或輕量載入，請使用相應的匯出或託管流程。
推薦
查找相關工具、專題與可用的 API 能力。
