优化Photoshop图片的5个简单步骤

Trevin是WebFX业务开发的高级总监。他参与了450多个营销活动,并在20多年的时间里创建了网站。他的作品被搜索引擎之地,今日美国,快速公司和公司推荐。

在我们开始之前,我想提出一个警告:本教程排除了其他优化过程,如选择正确的图像格式,以及优化搜索引擎优化,如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保存图像的综合指南

WebFX职业

加入我们的使命,为全球的企业提供业界领先的数字营销服务,同时建立您的个人知识和个人成长。

我们招聘! 视图30 +职位空缺!