什麼是假圖片(佔位圖片)?
假圖片是開發網頁、App 或設計版面時,在正式圖片還沒準備好之前,先放進去佔位置的圖片。圖片上通常直接標示尺寸(例如 600 × 400),方便確認版面是否正確。這個工具可以自訂尺寸、顏色與文字,並直接下載或複製。
如何使用
- 輸入寬度與高度,或點選常用尺寸。勾選「鎖定比例」後,修改其中一邊會自動調整另一邊。
- 設定背景顏色、不透明度、文字顏色、顯示文字與字體大小,右側會即時預覽。
- 選擇格式,視需要修改檔名,按「下載圖片」;或按「複製圖片」直接貼到其他程式。
常用尺寸
| 名稱 | 尺寸 | 常見用途 |
|---|---|---|
| 正方形 | 500 × 500 | 頭像、商品圖 |
| 16:9 | 1280 × 720 | 影片縮圖、橫幅 |
| OG 圖片 | 1200 × 630 | 分享到 Facebook、LINE 等社群時的預覽圖 |
| HD | 1920 × 1080 | 全螢幕背景、簡報 |
| 縮圖 | 320 × 180 | 列表縮圖 |
| 手機直式 | 1080 × 1920 | 限時動態、手機桌布 |
格式怎麼選?
| 格式 | 透明背景 | 特色 |
|---|---|---|
| PNG | 支援 | 無失真,相容性最好 |
| JPEG | 不支援(透明部分變白色) | 檔案小,適合照片類內容 |
| WebP | 支援 | 檔案比 PNG、JPEG 更小,現代瀏覽器都支援 |
| SVG | 支援 | 向量格式,放大縮小都清晰,檔案最小 |
常見問題
如何產生透明背景的圖片?
把「背景不透明度」調到 0%,並選擇 PNG、WebP 或 SVG 格式。預覽區的灰白格子代表透明的部分。
為什麼「複製圖片」一律是 PNG?
瀏覽器的剪貼簿目前只普遍支援 PNG 圖片,所以不論選擇哪種格式,複製時都使用 PNG。需要其他格式時請用下載。
圖片會上傳到伺服器嗎?
不會。圖片完全在你的瀏覽器中產生,不經過伺服器,產生的速度也因此很快。