Photoshop提供的更重要的功能之一是Save for Web / Devices功能。
為什麼要使用它？ 雖然您可以將文件保存為標準方法（例如文件/另存為） ，但對於網絡/設備保存功能確實至關重要三件事。
- 它優化文件尺寸（例如：150像素X 150像素），使其適合網頁清潔，看起來更好，更少扭曲。
- 它優化了文件大小（例如：23 kb），從而使其下載速度更快。
- 它保存為RGB（或監視器）格式，而不是CMYK（打印）格式。
該工具非常適用於為favicon輸出Twitter圖標，Facebook個人資料照片，產品文件，博客圖像和源文件。
01 - 打開您的源文件
要開始，你需要去文件/打開打開你的文件。 它可以是任何格式 - jpg，gif，psd，png或其他格式。 只要Photoshop可以打開它，就可以將它輸出到網絡上。
02 - 保存您的文件為Web
假設你已經做出了你所需要的任何調整，我們將跳過這個步驟來保存網頁。 顯然，如果您需要編輯圖像，請先執行該操作，然後再繼續執行此步驟。
進入File / Save for Web / Devices並點擊。 它大約是下拉菜單的一半。
這個過程根本不會改變你的原始文件。 您正在創建一個新文件。 一旦您完成本教程並在Photoshop中返回到您的原始圖像，如果您對其進行了任何更改，則需要保存該文件。 為您的新圖像命名與原始圖像不同很重要。 通常簡單地將_web添加到文件名將會很好。 （例如：filename_web.jpg）
03 - 將比較視圖調整為2-Up
根據您的設置，您可能需要在此調整視圖。 你想要的是你的圖像的左右比較。 左側將顯示原稿，右側將顯示當前設置下的圖像質量。
如果您沿著窗口的頂部看，您會看到以下選項：原始，優化，2合1，4合。 對於大多數用途而言，2-Up就是你想要的。
04 - 將您的觀看大小設置為100％
要確保您以100％查看，請檢查屏幕左下角的選項。
重要的是要記住，如果您將圖像視為高於100％，它會顯得有顆粒感，甚至可能無法辨認。 始終使用100％的圖像。
05 - 選擇文件尺寸
網絡的尺寸幾乎總是以像素（像素）為單位。 保持比例正確是很重要的。 圖像框旁邊是一個鍊式鏈接的小圖像。 所做的是在調整高度時縮放寬度。 例如，一張600像素×400像素的圖像。 如果將寬度減小到300px，則該文件將自動縮放到200px的高度。 如果未選中，圖像將會失真。
您還可以選擇按百分比縮放圖像。
06 - 選擇導出的文件類型
在這個選項中，原始文件的類型並不重要。 你可以選擇你需要的任何文件。
注意：要開始該過程，您需要點擊右側的圖像。 需要選擇圖像進行處理。
最常見的是用於網絡的jpg - 它是最小的文件格式，這意味著它為您的網站訪問者下載速度更快。 如果你有透明度選擇了png-24。 如果你不知道什麼透明度意味著你應該選擇JPG。
07 - 選擇圖像質量
三個jpg選項（高，中，低）中的每一個都具有預設的質量設置 - 可全部手動調整。 如果你正在100％觀看，你可以決定你需要什麼質量。 要調整縮放級別，請參閱步驟5.圖像在線顯示與預覽窗口中的相同。
如果您選擇了除JPG以外的任何內容，則可以跳過此步驟。
08 - 保存文件
一旦你做了必要的調整，你就可以保存文件了。 點擊“保存”並選擇你想要的新文件夾和文件名。
恭喜！ 您的新文件已準備好在線使用。