美文网首页
图片加载优化

图片加载优化

作者: 静默的小猫 | 来源:发表于2019-05-01 20:09 被阅读0次

相关文章地址:https://www.jianshu.com/p/e91bce8cac2c

                         https://www.jianshu.com/p/d8826263ad09

1、从静态资源文件质量方面的优化

     通过第三方网站手动压缩图片,网址:https://tinypng.com/;

     AndroidStudio gradle插件:https://github.com/duking666/ImgCompressPlugin

    原理:TinyPNG使用智能有损压缩技术来减少PNG文件的文件大小。 通过选择性地减少图像中的颜色数 量,存储数据所需的字节更少。 效果几乎是不可见的,但它在文件大小上产生了很大的差异!

   优点 :    服务端:缩小质量,节省服务器资源;客户端:提升加载速度,节省流量,本地资源文件质量小,能够减少App体积,为 用户节省流量,少占用移动设备的内存。

2、移动端上传使用libjpeg进行图片压缩(哈夫曼算法,无损压缩),(ios系统自带,仅供android开发者参考)

博客地址:https://blog.51cto.com/13598859/2070274

项目链接:https://github.com/ewgcat/CompressImageByHuffman

3、弱网情况下加载

(1)选择Google的WebP。

理由:压缩效率高,而且对android的支持更优秀,使用WebP后,相对于JPG格式的图片,流量节省了将近25%到35%;

相对于PNG格式的图片,流量节省了将近80%,最重要的是使用WebP之后,图片质量没有下降。

(2)优化网络请求目前第三方图片加载框架Glide已经很成熟,如果有更好的算法,可以自行设计图片下载加载框架。推荐Glide

4.加载顺序

app最先加载适合图片展示窗口的图片。如果需要缩略图,app就只加载缩 略图大小的图片,用户需要最高分辨率的图片,app再加载大图。

相关文章

  • iOS性能优化——图片加载和处理

    iOS性能优化——图片加载和处理 iOS性能优化——图片加载和处理

  • iOS 图片渲染

    1.图片的加载 ------> 2.图片的解码 ------>图片的渲染 引用 图片加载优化

  • 前端性能优化

    性能优化的话大致有以下几个部分:加载优化图片优化CSS优化脚本优化渲染优化 加载优化 1.减少http请求 基本原...

  • 雷达优化

    一.雷达现状 二.雷达加载内容 三.雷达优化方向 3.1模块/资源加载优化 3.2图片优化 3.3

  • 优化tableview加载网络图片

    优化tableview加载网络图片 最近在优化公司的TableView的代码,有个界面需要加载一个在线的图片列表,...

  • 优化图片加载

    写了个类别, 让图片加载完毕不会很突兀地就这么出来

  • 图片加载优化

    图片加载优化: 1.二次采样,减少图片对内存的占用 2.缓存,提高图片的访问速度 LRU算法(内存缓存算法) 3....

  • 图片加载优化

    相关文章地址:https://www.jianshu.com/p/e91bce8cac2c ...

  • 图片加载优化

    OOM的out of merory 的原因 1.是一次加载图片过多造成的2.加载大图没有进行压塑 图片的集格式 P...

  • TableView加载图片的优化逻辑

    系列文章: TableView优化之高度缓存功能 TableView优化之加载图片的优化逻辑 TableView优...

网友评论

      本文标题:图片加载优化

      本文链接:https://www.haomeiwen.com/subject/xovwnqtx.html