你的檔案不會離開這台裝置。所有處理都在瀏覽器中完成,我們的伺服器不會收到、也無法讀取你的圖片。你可以中斷網路連線後再操作一次驗證這一點。
正在載入你的媒體「圖片分享」… 回到媒體頁
拖放圖片至此,或
可一次選擇多張(最多 30 張,單檔 50 MB 以內)
檔案不會上傳,全部在你的瀏覽器中處理
尚未選擇檔案
先縮尺寸,再談壓縮
很多人想讓圖片變小時,第一反應是降低壓縮品質。但如果圖片的像素尺寸本身遠超過實際需求,這個做法效率很低。
舉例來說,手機拍出來的照片常常是 4000 像素寬,但網頁中實際只顯示 800 像素。多出來的像素不會讓畫面更清晰,只是白白增加檔案大小與載入時間。這種情況先把寬度縮到 1200 px,檔案往往就少了八成以上,而且畫質看起來完全沒有損失。
常見用途的建議寬度
| 用途 | 建議寬度 |
|---|---|
| 文章內配圖 | 1200 px |
| 全寬橫幅、首圖 | 1920 px |
| 商品列表縮圖 | 400–600 px |
| 個人頭像 | 200–400 px |
| 論壇貼圖 | 800–1200 px |
若要兼顧 Retina 等高解析度螢幕,可以輸出實際顯示寬度的兩倍,再用 CSS 限制顯示大小。
為什麼不提供「放大」功能
放大圖片只是把既有的像素內插成更多像素,並不會憑空產生細節,結果通常是模糊或出現鋸齒。若原始素材解析度不足,正確的解法是取得更高解析度的原始檔,而不是放大。
搭配其他工具
縮小尺寸後若還想再省一些,可以接著用圖片壓縮工具調整品質,或用PNG 轉 WebP 工具換成壓縮效率更高的格式。三者搭配通常能把一張手機照片從數 MB 降到 200 KB 左右。
處理完成後,可以直接到首頁免註冊上傳,取得可以貼在論壇或網頁的分享連結。
三種調整方式怎麼選
| 方式 | 適合情境 | 特點 |
|---|---|---|
| 依最大寬度 | 批次處理一整組照片 | 只縮大圖、小圖維持原狀,最安全 |
| 依百分比 | 知道要縮多少比例 | 所有圖片一律等比例縮放 |
| 指定尺寸 | 平台有明確的像素規定 | 可鎖定比例避免變形 |
不確定時就用「依最大寬度」。它的邏輯最不容易出錯:超過設定值的縮小、沒超過的原封不動,一組尺寸不一的照片丟進去也不會有問題。
各平台的建議尺寸
| 用途 | 建議尺寸 | 備註 |
|---|---|---|
| Facebook 貼文 | 1200 × 630 | 比例 1.91:1 |
| Instagram 方形 | 1080 × 1080 | 超過 1080 會被平台自行壓縮 |
| Instagram 限動 | 1080 × 1920 | 比例 9:16 |
| YouTube 縮圖 | 1280 × 720 | 檔案需在 2 MB 以內 |
| 網站文章配圖 | 寬 1200 | 高度依原圖比例 |
| 網站首圖/橫幅 | 寬 1920 | 全寬版面用 |
| 電商商品圖 | 1000 × 1000 起 | 要支援放大檢視則需更大 |
| 個人頭像 | 400 × 400 | 多數平台會再自行縮小 |
| Email 簽名檔 | 寬 300–400 | 不宜過大以免影響載入 |
高解析度螢幕(Retina)要怎麼處理
現在的手機與筆電多為 2 倍或 3 倍像素密度的螢幕。如果圖片在網頁上顯示寬度是 600px,在 2 倍螢幕上實際需要 1200px 的圖才會銳利。
做法是輸出 2 倍尺寸,再用 CSS 限制顯示大小:
<img src="photo.jpg" width="1200" height="800" style="max-width:600px;height:auto">
不建議做 3 倍,因為檔案大小是以平方成長(3 倍尺寸 = 9 倍像素),對載入速度的代價通常超過畫質的提升。
縮小為什麼不會失去清晰度
很多人擔心縮小會讓圖變糊,其實正好相反:縮小是把多個像素的資訊平均成一個像素,資訊變少但密度更高,看起來反而更銳利。真正會變糊的是放大,因為那需要憑空生出不存在的像素。
所以正確的策略永遠是:取得最大的原始檔,往下縮到需要的尺寸,而不是拿小圖往上放大。
常見問題排解
圖片變形了
發生在「指定尺寸」模式且取消勾選「維持原比例」時。例如把 4:3 的照片強制指定成 1:1,畫面就會被壓扁。除非你確定要這個效果,否則請保持勾選。若想要正方形又不變形,正確做法是先用裁剪工具裁成正方形,再調整尺寸。
小圖沒有被放大
這是刻意的設計。「依最大寬度」模式只縮不放,因為放大不會增加細節只會變模糊。若你確實需要放大,請改用放大工具,或在「依百分比」模式設定超過 100%。
縮完之後檔案還是很大
尺寸和檔案大小是兩件事。縮小尺寸後接著用壓縮工具調整品質,或用轉成 WebP,才能進一步減少檔案。一張 1200px 的 PNG 螢幕截圖可能還有 2 MB,轉成 WebP 後常常只剩 200 KB。
不知道原圖多大
選擇檔案後,結果卡片上會顯示「原尺寸 → 新尺寸」,可以直接看到轉換前後的像素數。