关于图片加载神器--Glide与Picasso的使用与比较

浅浅的花香味﹌ 2022-07-15 05:13 297阅读 0赞

## 什么是Glide？ ##

Glide是一个加载图片的库，作者是bumptech，它是在泰国举行的google 开发者论坛上google为我们介绍的，这个库被广泛的运用在google的开源项目中。

## Glide解决什么问题？ ##

Glide是一个非常成熟的图片加载库，他可以从多个源加载图片，如：网路，本地，Uri等，更重要的是他内部封装了非常好的缓存机制并且在处理图片的时候能保持一个低的内存消耗。

## Glide怎么使用？ ##

在Glide的使用方面，它和Picasso的使用方法是比较相似的，并且他们的运行机制也有很多相似的地方，很多博文会把两者进行比较，此文也采用同样的方式，通过比较两者来学习他们之间的优点和不足。

首先，当我们使用这两个库的时候第一步要做的就是导入库，Picasso好说，直接依赖就行，但是Glide要注意，这个库是要依赖于support liberary v4的，所以用这个库的时候，不要忘了依赖v4包。

## 基本使用 ##

在基本使用方面这两个库非常的相似，如下代码所示：   
Picasso：

Picasso.with(context)
        .load("http://inthecheesefactory.com/uploads/source/glidepicasso/cover.jpg")
        .into(ivImg);

Glide:

Glide.with(context)
        .load("http://inthecheesefactory.com/uploads/source/glidepicasso/cover.jpg")
        .into(ivImg);

看到没有，表面上看是不是非常相似，其实他们有一个不一样的地方，就是Picasso的with只能传入context，而Glide的with可以传入context，还可以是Activity或者是Fragment,你可能会问，这有什么用呢？用处就是图片的加载可以和Activity或者Fragment保持一致，不至于出现，Activity已经暂停了，但是图片却还在加载的情况。

## 默认的Bitmap格式是RGB\_565 ##

一下是Picasso和Glide加载后的结果(1920x1080 像素的图片被加载到768x432像素的imageview中)：

![firstload.jpg][]

你可以看到，被Glide加载的图片在质量上不如Picasso加载的图片，这是为什么？其实是因为Glide的Bitmap默认的格式是RGB\_565,而Picasso用的是ARGB\_8888,所以虽然质量上不如Picasso(其实在手机上也不明显),但是RGB\_565格式的图片仅仅消耗ARGB\_8888格式图片一半的内存。

Here is the memory consumption graphs between Picasso at ARGB8888 and Glide at RGB565. (Base application consumes around 8MB)   
下图是Picass的ARGB8888格式图片和Glide的RGB565格式图片的内存消耗比较（应用本身大约占8M）：

![ram1_1.png][]

如果你对图片没有过高的要求，那么用默认的格式就可以，但是如果你对图片质量要求较高，那么可以把图片的格式转换为ARGB8888，方法就是通过继承GlideMoudle,如下所示：

public class GlideConfiguration implements GlideModule {
    
        @Override
        public void applyOptions(Context context, GlideBuilder builder) {
            // Apply options to the builder here.
            builder.setDecodeFormat(DecodeFormat.PREFER_ARGB_8888);
        }
    
        @Override
        public void registerComponents(Context context, Glide glide) {
            // register ModelLoaders here.
        }
    }

然后在AndroidManifest.xml中进行定义：

在次看下图，是不是完全一样了呢？   
![quality2.jpg][]

那让我们再看一看两者之间的内存消耗：   
![ram2_1.png][]

我们发现，虽然用的图片格式是一样的，并且Glide加载的几乎是先前的两倍内存，但是Picasso消耗的内存仍然远大于Glide.

这是因为，Picasso加载了完整尺寸的图片（1920x1080像素）进入内存，当绘图的时候，让GPU即时的恢复到所需要的尺寸（768x432像素），然而Glide则加载精确的imageview尺寸进入内存，当然，我们可以手动使Picasso也使用这种方式加载图片：

Picasso.with(this)
        .load("http://nuuneoi.com/uploads/source/playstore/cover.jpg")
        .resize(768, 432)
        .into(ivImgPicasso);

上面的方式有局限性，就是我们必须知道imageview的精确尺寸，而如果我们的imageview设置了wrap，我们就不能用上面的那种方式了，而需要改为下面的方式：

Picasso.with(this)
        .load("http://nuuneoi.com/uploads/source/playstore/cover.jpg")
        .fit()
        .centerCrop()
        .into(ivImgPicasso);

现在，我们再来看内存消耗图：   
![memory3.png][]

哈哈，两者的内存消耗现在差不多一样了，但是不得不说的是在这一点上Glide确实比Picasso做的要好，因为Glide可以在每种情况下自动的计算Imageview的尺寸。

## 图片的质量细节 ##

当我把imageview的尺寸调整到和图片一样大的时候（1920x1080像素），我们来观察一下下面的图片：   
![quality3.png][]

这次两张图片的对比就比较明显了，Glide加载的图片可以明显的看到锯齿像素点，但是当用户使用应用的时候，这并不是那么容易察觉，并且，如果真的忍受不了这种小瑕疵，可以把图片格式调整到ARGB\_8888。

## 外部缓存 ##

在默认情况下Picasso和Glide的外部缓存机制是非常不一样的，通过实验可以发现（1920x1080 像素的图片被加载到768x432像素的imageview中），Glide缓存的是768x432像素的图片，而Picasso缓存的是整张图片（1920x1080像素）。

![cache.jpg][]

如果加载的图片是RGB565模式，缓存图片也是RGB565模式。

当我们调整imageview的大小时，Picasso会不管imageview大小是什么，总是直接缓存整张图片，而Glide就不一样了，它会为每个不同尺寸的Imageview缓存一张图片，也就是说不管你的这张图片有没有加载过，只要imageview的尺寸不一样，那么Glide就会重新加载一次，这时候，它会在加载的imageview之前从网络上重新下载，然后再缓存。

防止各位不明白，再来举个例子，如果一个页面的imageview是200\*200像素，而另一个页面中的imageview是100\*100像素，这时候想要让两个imageview像是同一张图片，那么Glide需要下载两次图片，并且缓存两张图片。

但是我们可以通过如下的方法来让Glide即缓存全尺寸的图片，有缓存不同尺寸的图片：

Glide.with(this)
                 .load("http://nuuneoi.com/uploads/source/playstore/cover.jpg")
                 .diskCacheStrategy(DiskCacheStrategy.ALL)
                 .into(ivImgGlide);

Glide的这种默认的缓存机制有一个优点，就是它可以加快图片加载的速度（可以理解为以空间换时间），而Picasso会造成一定的延迟，因为它在加载到imageview的时候，总是需要调整大小，确实Picasso有一个立即显示图片的方法（如下所示），但是这还是消除不了延时。

//Picasso
    .noFade();

![loading3.gif][]

在外部缓存方面Glide和Pcasso各有所长，你可以选择合适自己的来用（也就是对于你的app来说是控件重要还是时间重要）。

## 特性 ##

你几乎可以用Glide来做Pcasso可以做的所有事情，并且他们的代码风格也非常类似：

调整图片尺寸：

// Picasso
    .resize(300, 200);
    
    // Glide
    .override(300, 200);

Center Cropping：中心裁剪

// Picasso
    .centerCrop();
    
    // Glide
    .centerCrop();

图形变换（Transforming）：

// Picasso
    .transform(new CircleTransform())
    
    // Glide
    .transform(new CircleTransform(context))

设置占位图片和错误图片：

// Picasso
    .placeholder(R.drawable.placeholder)
    .error(R.drawable.imagenotfound)
    
    // Glide
    .placeholder(R.drawable.placeholder)
    .error(R.drawable.imagenotfound)

## 有什么Glide可以做Pcasso却做不了 ##

Glide的一个明显的优点就是它可以加载gif图片，你可能说我用Picasso加载也不报错啊？你要注意，用Picasso加载的gif图片是不会动的，如下所示：

![gifanimation2.gif][]

因为Glide被设计成能和Activity/Fragment的生命周期完美的相结合，因此gif动画将随着Activity/Fragment的生命周期自动的开始和停止。

gif的缓存和一般的图片也是一样的，也是第一次加载的时候调整大小，然后缓存。

但是，要注意的是，通过测量，我们可以发现gif图片将消耗非常多的内存，因此使用它的时候要慎重。

除了加载gif图片外，Glide还可以解析任何的video文件成为一个静态图片。

另一个比较有用的特性是，你可以配置显示图片的动画，而Picasso只支持一个淡入（fading in）动画效果。

你也可以用`thumbnail()`来创造一个image的thumbnail（极小）的图片。

还有很多的特性，但是一般都不太常用，如，把一个图片的编码转换为字节数组，等。

## 配置 ##

我们可以对很多的配置做出调整，如，外部缓存的大小和位置，内部缓存的最大限制，Bitmap的格式等等，至于更多的配置，可以参考[配置页面][Link 1]。

## 库的大小 ##

Picasso的大小大约是118KB，而Glide大约有430KB。   
![librarysize.png][]

一个库的大小有什么意义吗？确实，我也认为意义不大！

我们再来看一下两者之间的方法数量的比较：   
![methodcount.png][]

值得注意的是，在[Android][] DEX file中的方法是有限制的，最大方法数为65535个，从这一点来说，Glide的方法确实不少，并且，混淆器也建议对我们的项目进行混淆。

## 总结 ##

Glide和Picasso都不是完美的，从某些方面来说，Glide在图片的缓存上来说是比较不错的，因为它的速度比较快，另外，它也可以有效的防止OOM错误，而加载gif图片也是Glide的一大优势，但是默认情况下picasso的图片质量是很高的。

另外的一点小建议是，使用Glide的时候把图片的格式改为ARGB8888并且缓存全尺寸和其他尺寸的图片，这样使用可以让加载图片更好。

## 资源 ##

以下是一些关于Glide的资源：

*  [Glide 3.0: a media management library for Android][Glide 3.0_ a media management library for Android]
 *  [Glide Wiki][]
 *  [Android Picasso vs Glide][]
 *  [Android: Image loading libraries Picasso vs Glide][Android_ Image loading libraries Picasso vs Glide]

参考原文：[Introduction to Glide, Image Loader Library for Android, recommended by Google][Introduction to Glide_ Image Loader Library for Android_ recommended by Google]

[firstload.jpg]: https://inthecheesefactory.com/uploads/source/glidepicasso/firstload.jpg
[ram1_1.png]: https://inthecheesefactory.com/uploads/source/glidepicasso/ram1_1.png
[quality2.jpg]: https://inthecheesefactory.com/uploads/source/glidepicasso/quality2.jpg
[ram2_1.png]: https://inthecheesefactory.com/uploads/source/glidepicasso/ram2_1.png
[memory3.png]: https://inthecheesefactory.com/uploads/source/glidepicasso/memory3.png
[quality3.png]: https://inthecheesefactory.com/uploads/source/glidepicasso/quality3.png
[cache.jpg]: https://inthecheesefactory.com/uploads/source/glidepicasso/cache.jpg
[loading3.gif]: https://inthecheesefactory.com/uploads/source/glidepicasso/loading3.gif
[gifanimation2.gif]: https://inthecheesefactory.com/uploads/source/glidepicasso/gifanimation2.gif
[Link 1]: https://github.com/bumptech/glide/wiki/Configuration
[librarysize.png]: https://inthecheesefactory.com/uploads/source/glidepicasso/librarysize.png
[methodcount.png]: https://inthecheesefactory.com/uploads/source/glidepicasso/methodcount.png
[Android]: http://lib.csdn.net/base/android
[Glide 3.0_ a media management library for Android]: http://google-opensource.blogspot.com/2014/09/glide-30-media-management-library-for.html
[Glide Wiki]: https://github.com/bumptech/glide/wiki
[Android Picasso vs Glide]: http://pluu.github.io/blog/android-studio/2015/01/15/android-glide-picasso/
[Android_ Image loading libraries Picasso vs Glide]: http://vardhan-justlikethat.blogspot.com/2014/09/android-image-loading-libraries-picasso.html
[Introduction to Glide_ Image Loader Library for Android_ recommended by Google]: https://inthecheesefactory.com/blog/get-to-know-glide-recommended-by-google/en