🏞️ 圖片佔位符生成器
在任何寬度和高度創建自定義佔位符圖片 — 選擇背景顏色、文字顏色和標籤，然後直接在瀏覽器中下載為 PNG、JPEG 或 WebP。
隱私優先設計. 此工具完全在您的瀏覽器中運行 — 您輸入的內容不會上傳或儲存，而且它可以在離線狀態下使用。
關於
此工具使用瀏覽器的 Canvas API 在您指定的像素尺寸上渲染一個實色矩形，然後在中間疊加一個文字標籤 — 預設為圖片尺寸，例如 800×600。您可以通過顏色選擇器選擇任何背景顏色和文字顏色，輸入自定義標籤，並選擇 PNG、JPEG 或 WebP 作為輸出格式。結果可以保存為檔案，或複製為 Base64 資料 URI 以便直接嵌入 HTML 或 CSS 中。由於所有操作都在客戶端執行，您的資料從來不會離開瀏覽器，也無需帳號或伺服器。
如何使用
- 輸入所需的寬度和高度（以像素為單位，最多各 4000 像素）
- 使用顏色選擇器選擇背景顏色和文字顏色。
- 輸入自定義標籤，或留空以自動顯示圖片尺寸。
- 選擇輸出格式 — PNG、JPEG 或 WebP — 並查看實時畫布預覽。
- 點選「下載」以保存圖片文件，或複製 Base64 數據 URI 以直接嵌入到代碼中。
常見問題
- 什麼是佔位圖片？
- 佔位圖片是在網頁或應用程式開發過程中用來預留版面空間的臨時圖像，直到真實圖片準備好為止 — 常見於線框圖、原型和 HTML 模板中。
- 有最大圖片尺寸限制嗎？
- 生成器支援最高 4000×4000 像素。超過這個尺寸可能會導致瀏覽器畫布記憶體限制錯誤。對於大多數開發用途，每邊 4000 像素已經足夠。
- 什麼是 Base64 數據 URI，什麼時候應該使用它？
- Base64 數據 URI 將圖片編碼為可以直接粘貼到 img src 屬性或 CSS background-image 值中的文字字符串，這樣就不需要單獨的圖片文件。適合用於原型或郵件中的小圖片。
- 應該選擇哪種輸出格式 — PNG、JPEG 或 WebP？
- 選擇 PNG 以獲得無損品質和透明度支援，選擇 JPEG 以獲得在不需要透明度時更小的文件大小，選擇 WebP 以在現代瀏覽器中獲得大小和品質的最佳平衡。
- 這個工具會上傳我的數據到伺服器嗎？
- 不會。圖片完全在您的瀏覽器中使用 Canvas API 生成，從未傳輸到任何伺服器。不需要登入或上傳。
- 此工具會上傳我的資料嗎？
- 不會。所有運作都在您的瀏覽器中進行，因此您的資料永遠不會離開您的設備 — 頁面載入後，它甚至可以在離線狀態下使用。