在我们开始之前,我想提出一个警告:本教程排除了其他优化过程,如选择正确的图像格式,以及优化搜索引擎优化,如alt标签,可以提高你的图像的搜索能力,例如,谷歌图片.这个简短的教程将向您展示如何减少您即将在线托管的最终图像。
第一步:打开Photoshop,打开你的图片
打开文件>Ctrl + O /命令),并把你的图像带到你的工作场所。
步骤2:启动Photoshop动作
我想使用动作来记录这个过程中的每一个命令,包括保存为Web &设备命令,这样我就可以批量处理我的图像,而不必打开每一个以后。打开操作面板,点击Windows > Actions (Alt + F9 /选项).从操作面板,点击创建新集合图标:命名你的新集合。
我叫我的图片.要开始录制过程,请单击Create new action icon;给你的行动起个名字。我叫我的图像优化.
点击记录开始。还记得:从现在起,你的所有命令都将记录在你的操作面板上。
步骤3:将你的图片保存到Web & Devices
点击文件>保存为web和设备(Alt + Shift + Ctrl + S /命令/选项).您应该在您的工作空间中看到Save for Web & Devices对话窗口。我要让我的图像保持一个不错的质量,所以我使用以下设置:
- 预设:JPEG高(选择质量为60的JPEG)
- 优化:检查
- sRGB转换:检查
- 图片大小:根据您的站点规范进行更改
- 百分比:100%
- 质量:双三次的
我需要确保我的图像的宽度不超过600像素,所以我要调整我的图像的大小,打开切换(链接图标),以保持原始的图像比例。如果你需要满足一定的宽度/高度要求,请随意这样做。提示:从保存为Web和设备窗口中选择4-Up选项卡预览图像,并查看文件大小和质量的差异比较。
您可以随意调整设置,找到适合您的加载需求的质量和优化。您也可以单击选择下载速度图标来更改大小/下载时间,以获得在所选大小/下载时间下下载图像所需时间的估计。要预览真实大小的图像,请单击预览按钮在web浏览器中查看您的图像。
如果您对图像满意,请单击保存.我选择将我的图像保存在不同的文件夹中,因为我想保留我的原始图像,以供将来使用(记得我将我的图像的宽度调整到600像素)。从工作空间关闭图像文件。
转到动作面板,点击停止播放/录制按钮来停止你的动作录制。这应该记录一切,包括关闭你的图像。还记得:因为我选择保存我的图像到一个新的文件夹,并没有保存原始图像后,我关闭它,这将反映在我的记录动作。
如果你想替换你的图像,请确保你在记录的时候这么做。您可以通过单击展开每个操作来查看记录的操作的细节。
步骤4:批处理图像
是时候对你的其他图像做同样的事情了。不要一个一个地浏览它们,让我们让新创建的Action开始工作!进入文件>自动>批量处理。
使用下面的设置。您应该选择我们刚刚记录的Actions Set和Action。确保设置了源文件夹和目标文件夹,并选中“覆盖操作”“另存为”命令。
通过检查覆盖行动“另存为”命令,我们正在允许Photoshop包括我们的保存为Web和设备命令。我保持我的文件命名作为原始的文档名称以及扩展名。
步骤5:使用图像优化工具
我们已经减少了我们的原始图像相当多Photoshop,但让我们使用图像优化工具来进一步减少它。有许多可供选择,但我喜欢用的是smash .it!它简单、快速、免费。
去Smush.it !从您的浏览器(完整的URL: https://www.imgopt.com/。单击UPLOADER选项卡。
现在,点击选择文件和粉碎。从弹出的文件选择窗口,导航到您的图像文件。选择您的图像并单击Open。
现在看看优化器的运行情况!一旦完成,您将收到一条消息,详细说明所节省的百分比和总大小。确保“保持目录结构在zip文件”是选中的-这将允许您轻松替换图像,如果他们是在不同的子文件夹下,当您上传他们。
单击下载粉碎图像。打开zip文件,用新减少的映像文件替换旧映像。
总结
你刚刚通过了如何用5个简单的步骤在Photoshop中减少你的图像大小的快速运行。您还创建了操作,以优化您的图像一次,节省您宝贵的时间。关于从为您的web项目选择正确的格式优化您的图像的完整的深度指南,请查看为Web保存图像的综合指南.