Glide 對比 Picasso

2019-11-09 18:14:35

字體：大中小

來源：轉載

供稿：網友

在泰國舉行的谷歌開發者論壇上，谷歌為我們介紹了一個名叫 Glide 的圖片加載庫，作者是bumptech。這個庫被廣泛的運用在google的開源項目中，包括2014年google I/O大會上發布的官方app。

它的成功讓我非常感興趣。我花了一整晚的時間把玩，決定分享一些自己的經驗。在開始之前我想說，Glide和Picasso有90%的相似度，準確的說，就是Picasso的克隆版本。但是在細節上還是有不少區別的。

導入庫

Picasso和Glide都在jcenter上。在項目中添加依賴非常簡單：

Picasso

123	`dependencies {` `compile` `'com.squareup.picasso:picasso:2.5.1'}`

Glide

1234	`dependencies {` `compile` `'com.github.bumptech.glide:glide:3.5.2'` `compile` `'com.android.support:support-v4:22.0.0'}`

Glide需要依賴Support Library v4，別忘了。其實Support Library v4已經是應用程序的標配了，這不是什么問題。

基礎

就如我所說的Glide和Picasso非常相似，Glide加載圖片的方法和Picasso如出一轍。

Picasso

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

Glide

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

雖然兩者看起來一樣，但是Glide更易用，因為Glide的with方法不光接受Context，還接受Activity 和 Fragment，Context會自動的從他們獲取。

with

同時將Activity/Fragment作為with()參數的好處是：圖片加載會和Activity/Fragment的生命周期保持一致，比如 Paused狀態在暫停加載，在Resumed的時候又自動重新加載。所以我建議傳參的時候傳遞Activity 和 Fragment給Glide，而不是Context。

默認Bitmap格式是RGB_565

下面是加載圖片時和Picasso的比較（1920x1080 像素的圖片加載到768x432的ImageView中）

firstload

可以看到Glide加載的圖片質量要差于Picasso（ps：我看不出來哈），為什么？這是因為Glide默認的Bitmap格式是RGB_565 ，比ARGB_8888格式的內存開銷要小一半。下面是Picasso在ARGB8888下與Glide在RGB565下的內存開銷圖（應用自身占用了8m，因此以8為基準線比較）：

ram1_1

如果你對默認的RGB_565效果還比較滿意，可以不做任何事，但是如果你覺得難以接受，可以創建一個新的GlideModule將Bitmap格式轉換到ARGB_8888：

12345678910111213 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中將GlideModule定義為meta-data

12	`<meta-data android:name="com.inthecheesefactory.lab.glidepicasso.GlideConfiguration"` `android:value="GlideModule"/>`

quality2

這樣看起來就會好很多。

我們再來看看內存開銷圖，這次貌似Glide花費了兩倍于上次的內存，但是Picasso的內存開銷仍然遠大于Glide。

ram2_1

原因在于Picasso是加載了全尺寸的圖片到內存，然后讓GPU來實時重繪大小。而Glide加載的大小和ImageView的大小是一致的，因此更小。當然，Picasso也可以指定加載的圖片大小的：

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

但是問題在于你需要主動計算ImageView的大小，或者說你的ImageView大小是具體的值（而不是wrap_content），你也可以這樣：

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

現在Picasso的內存開銷就和Glide差不多了。

memory3

雖然內存開銷差距不到，但是在這個問題上Glide完勝Picasso。因為Glide可以自動計算出任意情況下的ImageView大小。

Image質量的細節

這是將ImageView還原到真實大小時的比較。

quality3

你可以看到，Glide加載的圖片沒有Picasso那么平滑，我還沒有找到一個可以直觀改變圖片大小調整算法的方法。

但是這并不算什么壞事，因為很難察覺。

磁盤緩存

Picasso和Glide在磁盤緩存策略上有很大的不同。Picasso緩存的是全尺寸的，而Glide緩存的是跟ImageView尺寸相同的。

cache

上面提到的平滑度的問題依然存在，而且如果加載的是RGB565圖片，那么緩存中的圖片也是RGB565。

我嘗試將ImageView調整成不同大小，但不管大小如何Picasso只緩存一個全尺寸的。Glide則不同，它會為每種大小的ImageView緩存一次。盡管一張圖片已經緩存了一次，但是假如你要在另外一個地方再次以不同尺寸顯示，需要重新下載，調整成新尺寸的大小，然后將這個尺寸的也緩存起來。

具體說來就是：假如在第一個頁面有一個200x200的ImageView，在第二個頁面有一個100x100的ImageView，這兩個ImageView本來是要顯示同一張圖片，卻需要下載兩次。

不過，你可以改變這種行為，讓Glide既緩存全尺寸又緩存其他尺寸：

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

下次在任何ImageView中加載圖片的時候，全尺寸的圖片將從緩存中取出，重新調整大小，然后緩存。

Glide的這種方式優點是加載顯示非常快。而Picasso的方式則因為需要在顯示之前重新調整大小而導致一些延遲，即便你添加了這段代碼來讓其立即顯示：

12	`//Picasso.noFade();`

loading3

Picasso和Glide各有所長，你根據自己的需求選擇合適的。

對我而言，我更喜歡Glide，因為它遠比Picasso快，雖然需要更大的空間來緩存。

特性

你可以做到幾乎和Picasso一樣多的事情，代碼也幾乎一樣。

Image Resizing

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

Center Cropping

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

Transforming

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

設置占位圖或者加載錯誤圖：

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

幾乎和Picasso一樣，從Picasso轉換到Glide對你來說就是小菜一碟。