图片问题

原创 2016年08月29日 14:29:06

目前,图片内容已经占互联网内容的62%,也就是说有超过半数的下载量都是图片,所以图片的大小就影响着网页加载的速度,对性能优化有很大的影响。

现在网页中较常用到的图片格式有:jpg、png、gif、webp等,还有一些我没听说过的。。比如apng、svg(ps:暴露了孤陋寡闻 T T)

贴一张各种图片格式特点的图:

图片使用分析过程:

jpg适合显示照片等颜色丰富的图片

据资料显示:在 Photoshop软件中以JPEG格式储存时,提供11级压缩级别,以0—10级表示。其中0级压缩比最高,图像品质最差。以BMP格式保存时得到4.28MB图像文件,在采用JPG格式保存时,其文件仅为178KB,压缩比达到24:1。经过多次比较,采用第8级压缩为存储空间与图像质量兼得的最佳比例。

当显示一些较为通用的动画时,例如loading图,适合使用gif格式

如果需要清晰的显示颜色丰富的图片,PNG比较好

PNG-8适合显示颜色数较少但需要半透明的情景(如微信动画大表情)

PNG-24不支持透明,颜色丰富的图片推荐使用(如屏幕截图、界面设计图)

PNG-32支持透明,效果最好但尺寸也最大

webp是一种新的图片文件格式,由google推出。在相同质量的情况下,比png文件尺寸更小,但是兼容性不好,有很多浏览器还不支持

在智图上测试的例子:

同质量情况下,jpg格式转化为webp后图片的尺寸有了减小

转化为png:大小为

jpg转png时:若原图颜色单一,则png图片大小会较jpg减小;若颜色丰富,则大小会增加

 

介绍一下jpg的压缩:

JPEG 是通过波的叠加的形式存储图片信息,不是按照像素的形式。

JPEG 的算法的核心是通过在图片的频率空间减少不重要信息,但减少信息就会引入噪声,使图像的质量下降。

 

所谓的频率空间,就是将图片进行二维离散傅里叶变换得到的图片。(感觉很厉害的样子)

我看了一篇知乎上的文章:

想看原文点这里

我理解的意思就是:有一个图片压缩方式:减小频率空间的面积,即减少信息,在一定程度内,对图片质量并无大的影响,肉眼分辨不出;超出这个程度,图片就会变得不清。

这种方式同样可以用在音频、视频压缩


版权声明:本文为博主原创文章,未经博主允许不得转载。

图片关于课程问题

  • 2016年03月10日 15:19
  • 47KB
  • 下载

图片显示问题

  • 2017年08月18日 11:21
  • 167KB
  • 下载

ListView滑动过程中图片显示重复错乱闪烁问题解决

主要分析Android ListView滚动过程中图片显示重复、错乱、闪烁的原因及解决方法,顺带提及ListView的缓存机制。 1、原因分析 ListView item缓存机制:为了使得性能更优...

图片内存问题总结

  • 2013年08月21日 13:28
  • 22KB
  • 下载

调用Android相机裁剪图片太大不能返回的问题解决

http://www.linuxidc.com/Linux/2012-11/73940.htm 这个地址吧问题讲解的很详细~ 解决方案也正确~我就是按照那个改的~ 核心代码在下方~方便遇到一样问...

图片压缩问题

  • 2013年07月30日 16:10
  • 20KB
  • 下载

关于在Android中显示图片的问题

  • 2014年03月10日 12:09
  • 12KB
  • 下载

Android开发技巧——TextView加载HTML的图片及代码显示问题

前几天在做一个Gradle用户指南的应用程序,使用的是TextView来加载HTML内容(至于为什么不用WebView,我也没有认真使用并比较过,也许以后会换吧),其中遇见了一些纠结的问题,所幸主要的...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:图片问题
举报原因:
原因补充:

(最多只允许输入30个字)