天天看点

移动开发的图像优化综述移动开发的图像优化综述

版权声明:本文为博主chszs的原创文章,未经博主允许不得转载。 https://blog.csdn.net/chszs/article/details/9986539

移动开发的图像优化综述

作者:chszs,转载需注明。博客主页:

http://blog.csdn.net/chszs

图片使得Web应用、移动应用的外观变得更漂亮。但是,这些闪闪发光的像素(图片)会占用较大的存储空间和内存。

图片的尺寸有几层含义:意味着网页的载入时间的增加,影响用户的访问体验;甚至会影响Google对你的网页的搜索排名;还可能导致移动App的尺寸变得较大,影响App的下载。

连Eclipse的RAP和Tabris等应用都遭受了不必要的大图片的困扰。高清屏Retina加剧了这个问题。

这就是为什么要对图片进行优化,哪怕你不是图像处理专家。

1) 对图片使用PNG格式;

2) 使用下面的PNG优化器对图片进行优化,可有效的减少图片尺寸高达60%。

- 以Web服务方式实现图片优化的工具TinyPNG:

http://tinypng.org/

- 带GUI的工具OS X平台的ImageOptim: 

http://imageoptim.com/

- 带GUI的工具Windows平台的PNGGauntlet:

http://pnggauntlet.com/

- 带GUI的工具Linux平台的Trimage:

http://trimage.org/

- 命令行工具OptiPNG:

http://optipng.sourceforge.net/

- 命令行工具AdvanceCOMP PNG Compression Utility:

http://advancemame.sourceforge.net/doc-advpng.html

- 命令行工具Pngcrush:

http://pmt.sourceforge.net/pngcrush/

- 命令行工具PNGOUT:

http://www.advsys.net/ken/util/pngout.htm

PNG图片格式:是一个光栅图形文件格式,支持无损数据压缩。PNG格式是作为带专利的GIF格式的改进和替代而出现的。PNG格式已经是互联网上最流行的无损图片压缩格式。

PNG格式最重要的特点如下:

1) 开放标准,被几乎所有的图片编辑器、框架、操作系统和浏览器所支持;

2) 无损,不局限于256色;

3) 真实的透明度(带Alpha值的像素);

4) 对于图标、商标Logo、截屏是最佳的图片格式;

5) 对于照片来说,不是最佳的图片格式。

PNG优化器能做什么:

1) 移除多余的元数据;

2) 把颜色侧面应用实际的颜色值,并移除侧面的描述;

3) 有时会减少颜色的数量(有损压缩),采用如”位深度减少”、”颜色类型减少”、”颜色调色板减少”等测量手段,用于保存精确的字节。

继续阅读