「縮放不失真」是常見的願望——而誠實的答案取決於你往哪個方向縮放。縮小幾乎無損;放大則違反物理。以下教你兩種方向都拿到最好的結果。
縮小(降取樣):基本免費
把圖片的像素變小很乾淨。軟體會平均鄰近像素,結果仍銳利——這是安全的日常情況。手機拍的 4000 像素照片,縮到你頁面實際只顯示的 1200 像素,不但好看還載入更快。
放大(升取樣):困難的部分
把圖片放到比原圖更大,無法無中生有補回沒拍到的細節。內插只是把既有像素拉伸,邊緣會變糊或出現方塊。因應方式:
- 能不放大就別放大——從更高解析度的原檔開始。
- logo 或圖示?改用向量——把 PNG 描摹成 SVG,就能放到任何尺寸都完美。
- 照片可用專門的 AI 放大工具,效果比單純縮放好(但較重)。
拿到最銳利的縮放結果
- 縮到你會顯示的確切尺寸——別更大。
- 鎖定長寬比,圖才不會被拉扁。
- 若也要更小的檔案,先縮放再壓縮。
在瀏覽器本機做,不上傳
結論:縮小能保住畫質;放大無法還原畫質。 從大圖開始、縮到剛好,logo 要放大時就改用向量。
向量與點陣:真正的分水嶺
縮放會不會傷畫質,取決於你手上是哪種圖。
- 點陣圖(PNG、JPG、WebP)是固定的像素網格。放大時根本沒有多餘細節可顯示,所以會糊。
- 向量圖(SVG)以數學方式儲存——點、線、曲線——因此在任何尺寸都能完美重繪。logo、圖示與簡單插圖屬於這一類;照片沒辦法做成向量。
如果 logo 一再需要放大,別再縮放那張 PNG,一次把它描摹成 SVG。
放大為何會糊:重採樣
每次縮放都會重採樣像素網格——用內插從舊像素重新算出每個新像素:
- 最近鄰——最快,但有方塊感;只適合像素藝術。
- 雙線性/雙三次——平滑漸變;雙三次是常見預設。
- Lanczos——縮小有細節的照片時最銳利。
縮小時有真實像素可平均,所以能保持清晰。放大則得憑空生出中間的像素,而生出來的細節總是偏糊。這就是為什麼「放大強化」只在電影裡有用。
先裁再縮
若你只需要圖的一部分,先裁切出來再縮小。先裁能把最多的真實像素留在你要的區域,而不是把解析度浪費在稍後會丟掉的部分。
匯出格式與品質權衡
| 格式 | 最適合 | 備註 |
|---|---|---|
| JPG | 照片 | 有損;品質 80–85% 是甜蜜點 |
| PNG | 平面圖形、透明 | 無損,檔案較大 |
| WebP | 兩者皆可 | 比 JPG/PNG 小,支援廣泛 |
| AVIF | 兩者皆可 | 最小,支援較新 |
| SVG | logo、圖示 | 向量,可無限縮放 |
同一張 JPG 一存再存會讓壓縮損失層層累積(「世代損失」)。縮放一次,再以目標品質匯出一次。不確定選哪種?看網頁最適合的圖片格式。
常見問題
縮放一定會降畫質嗎?
不會。縮小能保住畫質——你丟掉的是原本用不到的像素。放大才會降,因為多出來的像素是猜的。
哪種格式最能保住畫質?
照片用高品質的 WebP 或 AVIF;平面圖形或需要透明用 PNG;任何需要縮放的東西用向量 SVG。