圖片尺寸調整

它做什麼

調整尺寸改變的是一張圖由多少畫素組成。縮小會丟掉資訊，而當一張 4000 畫素的照片要放進只顯示 800 的頁面時，丟掉正是我們想要的。放大則什麼也造不出來：同樣的細節只是攤到更多畫素上，所以放大後的照片看起來發虛。真正值得守住的是比例——為了塞進框裡而被壓扁的圖片，在任何人能說出原因之前就已經顯得不對勁，所以這裡預設裝進框內。

使用方式

1. 從你的裝置選一張圖片。它在瀏覽器裡被讀取，不會再往別處去。
2. 填寫寬度或高度、選一個常用尺寸，或者按百分比縮放。
3. 對比兩邊，然後下載結果。

常見問題

我只填了寬度，為什麼高度也變了？
因為預設會保持比例。寬是高兩倍的圖片仍然保持這個關係，所以永遠不會變扁。如果你確實需要兩個數字都精確，請切換到精確尺寸——若它們與原始形狀不符，變形是必然的。

能把小圖變大嗎？
能，這個頁面會照做，但也會如實告訴你得到的是什麼。放大是把現有畫素攤到更大的面積上。它無法找回從未拍到的細節，所以結果會比原圖更虛。任何宣稱相反效果的工具，都是在猜那些缺失的畫素。

這裡的畫質比別處好嗎？
大幅縮小時通常是的，因為縮小是分步完成而不是一步到位。從 4000 px 直接跳到 400 px，取樣到的原始畫素太少，邊緣會又硬又毛糙；反覆對半縮小則每一步都在取平均。差別在頭髮、文字這類細節上看得最清楚。

我的圖片會被上傳到什麼地方嗎？
不會。檔案由你的瀏覽器讀取，在畫布上重繪，並就地重新編碼。沒有上傳，也沒有儲存；頁面載入之後，斷網也照樣能用。

應該把尺寸定在多少？
按圖片將要顯示的地方來定。網頁上通欄的照片很少需要超過 1600 畫素寬，縮圖幾百畫素就夠。把 4000 畫素的照片發給一個只顯示 400 的頁面，白白耗費訪客的流量，也毫無意義地拖慢頁面。

Wikipedia — Image scaling
Wikipedia — Aspect ratio
Wikipedia — Image resolution