在 Photoshop 中調整影像的尺寸並將它最佳化以供網頁使用

方法提示：

在 Photoshop 中，使用「儲存為網頁用」對話框，來調整影像的尺寸並將影像最佳化，以便用於供網頁上。

儲存要用在網頁上的影像時，必須將檔案縮至最小以縮短下載時間，同時又要能維持影像的品質。「儲存為網頁用」對話框讓您能夠預視不同的最佳化設定，而每個預視畫面都含有檔案大小和預估的下載時間等資訊。因此，您可以在不改變原始影像的情況下，看到不同設定的結果會是如何，再選擇出最符合您需求的設定。

1. 在 Photoshop 中開啟影像，再選擇「檔案 > 儲存為網頁用」。
2. 在「儲存為網頁用」對話框中，按一下「4 欄式」標籤，對話框就會顯示原始影像，以及三個使用不同最佳化設定的預視畫面。
3. 按一下預視畫面，將它選起來，再從「預設集」彈出式選單中選擇檔案格式預設，來檢視品質上的差異。依每一個預視畫面的需求重複執行此步驟。根據影像所適用的檔案格式選擇預設：
• JPEG 適用於相片之類的連續色調影像，這種壓縮格式可以保留繽紛的色彩和細微的亮度變化，但是不支援透明度。
• GIF 適用於動畫、單色影像以及含重複顏色的影像，例如線條藝術和標誌，這種格式支援透明度。
• PNG-8 適用於含銳利細節的單色影像。請注意，許多舊式瀏覽器不支援 PNG 格式。
• PNG-24 適用於相片之類的連續色調影像，這種格式可以保留透明度、繽紛的色彩和細微的亮度變化。請注意，許多舊式瀏覽器不支援 PNG 格式。
4. 從對話框左下角的縮放顯示彈出式選單中選擇 200%。放大顯示可讓您檢視每個預視畫面的細節。
5. 按一下「手形」工具 (位於對話框左上角)，然後拖移影像，此時所有預視畫面會一起移動，好讓您比較影像的其他區域。
6. 按一下對話框右側的「影像尺寸」標籤，然後輸入所要的「寬度」和「高度」值，重新調整影像的大小，最後按一下標籤中的「套用」按鈕 (在儲存檔案時，Photoshop 只會重新調整經過網頁最佳化處理的影像)。
7. 選取最符合您需求的預視畫面，然後按一下「儲存」。
8. 在「另存最佳化檔案」對話框中，找出要儲存影像的檔案夾，然後輸入檔案名稱，最後按一下「存檔」。

「Photoshop 說明」中的相關主題：

• 使用儲存為網頁用對話框 (Photoshop)