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 - 保存文件
一旦你做了必要的调整，你就可以保存文件了。 点击“保存”并选择你想要的新文件夹和文件名。
恭喜！ 您的新文件已准备好在线使用。