如何使用Photoshop Save for Web Tool

作为平面设计师或网页设计师，可能会要求您提供可用于网络的图像，例如网站或横幅广告的照片。 Photoshop Save for Web工具是一种为Web准备JPEG文件的简便方法，有助于在文件大小和图像质量之间进行权衡。

在本教程中，您将保存JPEG图像。 Save for Web工具还可用于保存GIF，PNG和BMP文件。

什么使图形网准备好了？

大多数支持Web的图形具有共同的特征：

• 分辨率为72 dpi。
• 颜色模式为RGB。
• 文件大小减小，以便加载更快的网页。

01年01月

打开图像

要使用“存储为Web存储”工具进行练习，请在Photoshop中打开图像。

点击 文件> 打开，浏览计算机上的图像，然后单击 打开。出于练习目的，照片效果很好，但任何类型的图像都可以。

将照片大小调整为可在网站上使用的小尺寸。为此，请单击 图片> 图片尺寸，在“宽度”字段中输入新宽度，然后选择像素。在这种情况下，输入400像素并单击 好.

07年02月

打开“存储为Web工具”

假设有人要求您提供400像素宽的照片，准备发布在网站上。

点击 文件 > 除了网络 打开 除了网络 对话框。 （在Photoshop的后续版本中，路径是 文件 > 出口 > 除了网络.)

浏览窗口中的不同设置和工具。

03年3月

设置比较

在顶部 除了网络 窗口是一系列标签 原版的, 优化, 2页，和 四联。通过单击这些选项卡，您可以在原始照片的视图，应用了“存储为Web应用程序”设置的优化照片或照片的两个或四个版本的比较之间切换。

选择 2页 通过显示图像的并排副本来比较原始照片和优化照片。

07年04月

设置原始预览

单击左侧的照片将其选中。选择 原版的 来自 预置 右边的菜单 除了网络 窗口（如果尚未选中）。这会在左侧预览未经编辑的原始照片。

05年05月

设置优化预览

点击右侧的照片进行选择。选择 JPEG高 来自 预置 菜单。您现在可以将右侧的优化照片（左侧是原始照片）与原始照片进行比较。

07年6月

编辑JPEG质量

右栏中最​​重要的设置是 质量 值。当您降低质量时，您的图像看起来更混乱，但文件大小下降，而较小的文件意味着加载网页的速度更快。

尝试将质量更改为 0 并注意左侧和右侧照片的差异，以及位于照片下方的较小文件大小。

目标是在文件大小和质量之间找到一个愉快的媒介。根据您的需要，40到60之间的质量通常是一个很好的范围。尝试使用预设的质量等级（JPEG中等，例如）以节省时间。

07年07月

保存你的形象

一旦您对右侧的照片感到满意，请单击 保存 按钮。该 保存优化为 窗口打开。键入文件名，浏览到计算机上所需的文件夹，然后单击 保存。您现在拥有一张优化的网络就绪照片。