网站前端和后台性能优化29-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

网站前端和后台性能优化29

简介: 优化图片 Optimize Images

优化图片 Optimize Images

tag:images

当设计师制作好网站的图片后,还有些事情应该是你在把这些图片上传到服务器之前做的。

  • 你可以检查GIF图片中的调色板是否和图片中的色彩数一致。使用imagemagick来帮助你方便的检查:

identify -verbose image.gif

如果你看到一个4色的图片却有一个256色的调色板,那么还有很大的空间来做性能优化。

  • 试试把GIF转换成PNG是否会节省空间,这是常有的事情。由于浏览器支持的限制,开发者往往怀疑是否该使用PNG,但这是过去的事情了。唯一的问题是真色的PNG图片的半透明问题,但同样,GIF不是真色的而且也不支持丰富的透明效果。所以GIF可以做的,PNG或者PNG8同样可以做到(除了动画)。一条简单的imagemagick语句就可以提供可用的PNG:

convert image.gif image.png

“我们强调的是,给PNG一个机会!”

  • 使用pngcrush或者任何的PNG优化工具,例如:

pngcrush image.png -rem alla -reduce -brute result.png

  • 使用 jpegtran处理JPEG图片。这个工具会无损操作JPEG图片,比如旋转,而且可以用来优化图片,比如去除图片中的注释和其他无用的信息(比如 EXIF信息)。

jpegtran -copy none -optimize -perfect src.jpg dest.jpg

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章