如何調整影像大小

百分比還是像素？

當您將一批不同大小的圖像縮放相同的量時，或者當您只想要“大約一半”時，請使用百分比。百分比以相同的係數縮放兩個軸，因此構造時會保留縱橫比。

當下游有特定要求時使用精確像素：列寬、上傳限制、列印尺寸。輸入您關心的維度，讓其他維度跟隨。

如果解鎖寬高比並設定兩個尺寸，圖片會被拉伸。這有時是故意的，而且幾乎總是一個錯誤，因此這是一個單獨的、明確的行為，而不是偶然發生的事情。

調整大小的實際成本是多少

縮小尺度將許多來源像素映射到一個輸出像素。丟棄的像素中的細節消失了，之後放大不會恢復它——你會得到一個模糊的近似值。

升級並沒有發明什麼。每個放大演算法都會在其已有的像素之間進行插值，因此將 400 像素的圖像拉伸到 1600 像素時，具有相同數量的真實信息，分佈在面積的 16 倍上。它看起來會很柔和，任何設定都不會改變這一點。

這意味著一條實用規則：保留原始文件，並每次都調整其大小。重複調整已經調整大小的檔案的大小會加劇軟化，如果格式有損，也會加劇壓縮偽影。

操作順序及其重要性

影像轉換器首先套用裁剪，然後調整大小，然後旋轉。該順序是固定的，並且其行為是可預測的：首先裁剪意味著調整大小百分比是指您保留的圖像部分，而不是原始幀。

如果您裁剪掉 50% 的寬度，然後調整大小到 50%，您將獲得原始寬度的四分之一 - 這是大多數人所期望的。對於相同的兩個數字，首先調整大小，然後裁剪，會產生不同的結果。

選擇目標尺寸

• 對於網頁，目標是圖像將佔據的 CSS 寬度大約是兩倍，以便在高密度螢幕上看起來清晰。超過大約兩倍，回報實際上就會停止。
• 對於列印，重要的尺寸是像素除以列印尺寸。對於大多數文件來說，每英吋 150 像素左右就足夠了； 300 是照相沖印的傳統目標。
• 對於電子郵件附件或具有上傳上限的表單，請先調整大小，然後再調整品質 - 尺寸是更強大的槓桿。

工作範例：600 像素列的 3000 像素螢幕截圖

螢幕截圖為 3000 x 1875 像素。它將顯示在 600 像素寬的列中。以 3000 像素儲存會浪費頻寬，在某些裝置上還會浪費記憶體。

將高密度螢幕的顯示寬度加倍，目標寬度為 1200 像素。

1. 將螢幕截圖載入到影像轉換器中。
2. 選擇以像素調整大小並輸入 1200 作為寬度，鎖定長寬比。
3. 確認高度自動填寫為 750。
4. 保留 PNG 作為輸出，因為螢幕截圖具有清晰的文字和平坦的區域。
5. 轉換並下載。

結果： 1200 由 750 PNG。像素數從 5.6 萬下降到 0.9 萬，大約是原始像素的 16%，並且文字保持清晰，因為 PNG 不會像有損格式那樣柔化邊緣。原始 3000 像素檔案在您的裝置上未受影響，您下次應該返回該檔案。

開啟工具

在影像轉換器中調整影像大小

在瀏覽器中按百分比或精確像素調整大小，預設鎖定縱橫比。它並不聰明地升級。

這不包括什麼

• 放大無法添加細節。工具會做，結果會是軟的；這是數學的屬性，而不是這個實作的屬性。
• 任何大小調整都會對影像重新取樣，因此即使 PNG 輸出也不再與來源位元相同。
• 非常大的圖像被限制在您的裝置可以安全分配的像素預算內，因此請求的非常大的輸出可能會變小。該工具會說明何時發生這種情況。
• 輸入僅限 JPEG、PNG、WebP 或 GIF。
• 沒有內容感知縮放或智慧裁剪。整個框架的大小調整是統一的。