您好,欢迎来淘码网(www.pptys.com)-源码之家│精品教程|素材中国│商业软件!

淘码网(www.pptys.com)-源码之家│精品教程|素材中国│商业软件

使用Photoshop正确优化图像

  • 时间:2019-04-15 14:50 编辑:dzz 来源: 阅读:334
  • 扫一扫,手机访问
摘要:使用Photoshop正确优化图像我有一个忏悔...虽然我在Photoshop设计方面有着悠久的历史,并且喜欢创造出色的成果和教程,但直到最近我还没有那么多关于为网络保存图像的知识。在学习使用Photoshop正确优化图像后,我的图像文件的平均大小不

使用Photoshop正确优化图像

我有一个忏悔...虽然我在Photoshop设计方面有着悠久的历史,并且喜欢创造出色的成果和教程,但直到最近我还没有那么多关于为网络保存图像的知识。

在学习使用Photoshop正确优化图像,我的图像文件的平均大小不到它的1/3,没有明显的质量损失。

这对你们来说是个好消息(因为这个博客上的教程和页面应该加载得更快),这对我来说很好,因为我的带宽和托管成本应该会大幅下降。

所以......如果这是你过去没有给予应有注意的东西,请按照这个非常简单的指南来优化你的图像,而不是占用太多不必要的磁盘空间。

如何优化Web图像

首先,这是我们将要使用的图像。

这是我在PSDFAN过去的教程中的旧图像:

优化图像

现在,在过去我通过文件逻辑保存>另存为:

优化图像

然后选择我的文件名和.jpg作为文件类型,我被要求为图像选择“质量”设置。我知道我们的许多作者都保留了12/12的质量,这是巨大的。然而,即使在8,仍然是“高质量”(但在图像降级太多之前你想要的最低值),你会发现存在文件大小问题:

优化图像

你可以看到文件大小仍然很大,这个单个图像超过200kb!

优化图像


使用Photoshop的“Save For Web”功能优化图像

更好的解决方案是使用Photoshop内置的“存储为网络”选项。

您可以在文件> save for web&devices下找到它

优化图像

将出现一个弹出窗口。现在不用担心,起初可能看起来有很多设置。但是,您不必担心其中许多:

优化图像

你真正需要注意的是右上角的选择。只需检查您的图像是否保存为“.jpg”,质量是否为“高”。

在“质量”下,您还可以输入手动设置。默认为'60',这是我用于网络就绪图像的内容。如果你的图像需要看起来特别清晰,那么你当然可以走得更高。对于网络而言,这仍然是比保存图像的常规方法更好的选择(这意味着更多用于打印和离线使用)。

优化图像

正如您所看到的,新的“为网络保存”结果仅为64kb这只是原始“另存为”图像文件大小的30%!

优化图像

  • 全部评论(0)
资讯详情页最新发布上方横幅
最新发布的资讯信息
【IT技术|】Navicat永久试用的终极解决办法不报毒(2019-07-01 09:25)
【IT技术|】2019什么最挣钱?我帮你(2019-05-19 22:55)
【IT技术|】10步解决你git提交描述写不清楚的烦恼(2019-04-16 17:29)
【IT技术|】随着微软在Windows和硬件刷新之间建立联系,PC行业受到了影响(2019-04-16 17:22)
【IT技术|】谷歌云合作伙伴引用Anthos作为关键的Next '19技术(2019-04-16 17:16)
【IT技术|】IBM Marketplace中的Veritas NetBackup显示BaaS正在崛起(2019-04-16 17:12)
【淘码教程|】Blue Hexagon在网络安全方面深入学习AI(2019-04-16 17:07)
【IT技术|】Web应用程序安全最佳实践(2019-04-16 16:39)
【IT技术|】什么才是IT最受欢迎的技能(2019-04-16 15:46)
【IT技术|】java JSoup如何抓取复杂结构数据(2019-04-16 15:24)
网站首页 | 关于我们 | 广告合作 | 联系我们 | 隐私条款 | 免责声明
CopyRight 2014-2024 淘码网(www.pptys.com)-源码之家│精品教程|素材中国│商业软件 | 晋ICP备16003665号-2
联系客服
淘码网 联系客服
18636644955
手机版

扫一扫进手机版
返回顶部