文章目錄

• 一、Android 中使用 libwebp.so 庫(kù)解碼 WebP 圖片
• 二、完整代碼示例
• 三、參考資料

一、Android 中使用 libwebp.so 庫(kù)解碼 WebP 圖片

---

libwebp.jar 中解碼相關(guān)的的方法如下 : libwebpJNI 是 Java 層調(diào)用 libwebp.so 動(dòng)態(tài)庫(kù)的入口類 ;

public static byte[] WebPDecodeRGB(byte[] var0, long var1, int[] var3, int[] var4) {return libwebpJNI.WebPDecodeRGB(var0, var1, var3, var4);}public static byte[] WebPDecodeRGBA(byte[] var0, long var1, int[] var3, int[] var4) {return libwebpJNI.WebPDecodeRGBA(var0, var1, var3, var4);}public static byte[] WebPDecodeARGB(byte[] var0, long var1, int[] var3, int[] var4) {return libwebpJNI.WebPDecodeARGB(var0, var1, var3, var4);}public static byte[] WebPDecodeBGR(byte[] var0, long var1, int[] var3, int[] var4) {return libwebpJNI.WebPDecodeBGR(var0, var1, var3, var4);}public static byte[] WebPDecodeBGRA(byte[] var0, long var1, int[] var3, int[] var4) {return libwebpJNI.WebPDecodeBGRA(var0, var1, var3, var4);}

在本博客示例中 , 使用的是 WebPDecodeARGB 方法 , 傳入的 $4$ 個(gè)參數(shù)作用 :

• byte[] var0 : ARGB 字節(jié)數(shù)據(jù) ;
• int var1 : ARGB 字節(jié)數(shù)據(jù)字節(jié)個(gè)數(shù) ;
• int[] var3 : 圖像寬度 , 傳入的是數(shù)組 , 只有 1 個(gè)元素 , 作為返回值使用 ;
• int[] var4 : 圖像高度 , 傳入的是數(shù)組 , 只有 1 個(gè)元素 , 作為返回值使用 ;

public static byte[] WebPDecodeARGB(byte[] var0, long var1, int[] var3, int[] var4) {return libwebpJNI.WebPDecodeARGB(var0, var1, var3, var4);}

使用 libwebp.so 庫(kù)解碼 WebP 圖片 : 讀取 R.mipmap.icon_webp 資源文件 , 使用 libwebp 解碼出 RGBA 數(shù)據(jù) , 然后將 RGBA 數(shù)據(jù)轉(zhuǎn)換為 Bitmap 位圖 , 最后將 Bitmap 位圖顯示到界面中 ;

@SuppressLint("ResourceType")fun libwebpDecode() {var webPStart = System.currentTimeMillis()// 獲取 WebP 資源文件的輸入流var inputStream: InputStream = resources.openRawResource(R.mipmap.icon_webp)// 將數(shù)據(jù)讀取到 Byte 數(shù)組輸出流中var bos: ByteArrayOutputStream = ByteArrayOutputStream()var buffer: ByteArray = ByteArray(2048)// 記錄長(zhǎng)度var len = inputStream.read(buffer)while ( len != -1 ){bos.write(buffer, 0, len)len = inputStream.read(buffer)}inputStream.close()// 讀取完畢后 , 獲取完整的 Byte 數(shù)組數(shù)據(jù)var data_webp: ByteArray = bos.toByteArray()// 將 ByteArray 解碼成 ARGB 數(shù)據(jù)var width = IntArray(1)var height = IntArray(1)var data_argb_byte: ByteArray = libwebp.WebPDecodeARGB(data_webp, data_webp.size.toLong(), width, height)// 將 data_argb: ByteArray 轉(zhuǎn)為 IntArrayvar data_argb_int = IntArray(data_argb_byte.size / 4)// 使用 nio 中的 ByteBuffer 進(jìn)行讀寫var byteBuffer: ByteBuffer = ByteBuffer.wrap(data_argb_byte);// 將 byteBuffer 轉(zhuǎn)為 IntBuffer , 然后獲取其中的 int 數(shù)組byteBuffer.asIntBuffer().get(data_argb_int)// 將 ARGB 數(shù)據(jù)轉(zhuǎn)為 Bitmap 位圖圖像var bitmap: Bitmap = Bitmap.createBitmap(data_argb_int, // 圖像數(shù)據(jù) , int 數(shù)組格式width[0], // 圖像寬度height[0], // 圖像高度Bitmap.Config.ARGB_8888 // 圖像顏色格式)// 界面顯示解碼后的位圖binding.imageView.setImageBitmap(bitmap)Log.e(TAG, "使用 libwebp.so 庫(kù)解碼 WebP 格式圖片時(shí)間 : ${System.currentTimeMillis() - webPStart} ms")}

二、完整代碼示例

---

調(diào)用 libweb.jar 中的 libwebp.WebPDecodeARGB 函數(shù) , 進(jìn)行 WebP 圖片的解碼操作 ;

同時(shí)測(cè)試解碼的時(shí)長(zhǎng) ;

package kim.hsl.webpimport android.annotation.SuppressLint import android.graphics.Bitmap import android.graphics.BitmapFactory import android.os.Bundle import android.util.Log import androidx.appcompat.app.AppCompatActivity import com.google.webp.libwebp import kim.hsl.webp.databinding.ActivityMainBinding import java.io.ByteArrayOutputStream import java.io.FileOutputStream import java.io.InputStream import java.nio.ByteBufferclass MainActivity : AppCompatActivity() {companion object{val TAG = "MainActivity"init {System.loadLibrary("webp")}}lateinit var binding: ActivityMainBindingoverride fun onCreate(savedInstanceState: Bundle?) {super.onCreate(savedInstanceState)binding = ActivityMainBinding.inflate(layoutInflater)setContentView(binding.root)Log.e(TAG, "libwebp 函數(shù)庫(kù)版本 : ${libwebp.WebPGetDecoderVersion()}")// 測(cè)試 WebP 解碼速度decodeWebP()// 測(cè)試 WebP 編碼速度encodeWebP()// 使用 libwebp 庫(kù)編碼 WebP 圖片libwebpEncode()// 使用 libwebp 庫(kù)解碼 WebP 圖片libwebpDecode()}@SuppressLint("ResourceType")fun libwebpDecode() {var webPStart = System.currentTimeMillis()// 獲取 WebP 資源文件的輸入流var inputStream: InputStream = resources.openRawResource(R.mipmap.icon_webp)// 將數(shù)據(jù)讀取到 Byte 數(shù)組輸出流中var bos: ByteArrayOutputStream = ByteArrayOutputStream()var buffer: ByteArray = ByteArray(2048)// 記錄長(zhǎng)度var len = inputStream.read(buffer)while ( len != -1 ){bos.write(buffer, 0, len)len = inputStream.read(buffer)}inputStream.close()// 讀取完畢后 , 獲取完整的 Byte 數(shù)組數(shù)據(jù)var data_webp: ByteArray = bos.toByteArray()// 將 ByteArray 解碼成 ARGB 數(shù)據(jù)var width = IntArray(1)var height = IntArray(1)var data_argb_byte: ByteArray = libwebp.WebPDecodeARGB(data_webp,data_webp.size.toLong(),width,height)// 將 data_argb: ByteArray 轉(zhuǎn)為 IntArrayvar data_argb_int = IntArray(data_argb_byte.size / 4)// 使用 nio 中的 ByteBuffer 進(jìn)行讀寫var byteBuffer: ByteBuffer = ByteBuffer.wrap(data_argb_byte);// 將 byteBuffer 轉(zhuǎn)為 IntBuffer , 然后獲取其中的 int 數(shù)組byteBuffer.asIntBuffer().get(data_argb_int)// 將 ARGB 數(shù)據(jù)轉(zhuǎn)為 Bitmap 位圖圖像var bitmap: Bitmap = Bitmap.createBitmap(data_argb_int, // 圖像數(shù)據(jù) , int 數(shù)組格式width[0], // 圖像寬度height[0], // 圖像高度Bitmap.Config.ARGB_8888 // 圖像顏色格式)// 界面顯示解碼后的位圖binding.imageView.setImageBitmap(bitmap)Log.e(TAG, "使用 libwebp.so 庫(kù)解碼 WebP 格式圖片時(shí)間 : ${System.currentTimeMillis() - webPStart} ms")}fun libwebpEncode(){var webPStart = System.currentTimeMillis()// 讀取一張本地圖片var bitmap = BitmapFactory.decodeResource(resources, R.mipmap.icon_png)// 獲取位圖寬高var width = bitmap.widthvar height = bitmap.height// 申請(qǐng)一個(gè) Byte 緩沖區(qū)var byteBuffer: ByteBuffer = ByteBuffer.allocate(bitmap.byteCount)// 將 位圖 數(shù)據(jù)拷貝到 Byte 緩沖區(qū)中bitmap.copyPixelsToBuffer(byteBuffer)// 使用 libwebp.so 進(jìn)行 WebP 格式編碼var data: ByteArray = libwebp.WebPEncodeRGBA(byteBuffer.array(), // 位圖數(shù)據(jù)width, // 位圖寬度height, // 位圖高度width * 4, // 位圖每行數(shù)據(jù)75F // 圖像質(zhì)量)// 將數(shù)據(jù)寫出到文件中var fos = FileOutputStream("${cacheDir}/icon_webp2.webp")fos.write(data)fos.close()Log.e(TAG, "使用 libwebp.so 庫(kù)編碼 WebP 格式圖片時(shí)間 : ${System.currentTimeMillis() - webPStart} ms , " +"輸出文件 : ${cacheDir}/icon_webp2.webp")}fun encodeWebP(){// 讀取一張本地圖片var bitmap = BitmapFactory.decodeResource(resources, R.mipmap.icon_png)var pngStart = System.currentTimeMillis()var fos = FileOutputStream("${cacheDir}/icon_png.png")bitmap.compress(Bitmap.CompressFormat.PNG, 75, fos)fos.close()Log.e(TAG, "編碼 png 格式圖片時(shí)間 : ${System.currentTimeMillis() - pngStart} ms , " +"輸出文件 : ${cacheDir}/icon_png.png")var webPStart = System.currentTimeMillis()fos = FileOutputStream("${cacheDir}/icon_webp.webp")bitmap.compress(Bitmap.CompressFormat.WEBP, 75, fos)fos.close()Log.e(TAG, "編碼 WebP 格式圖片時(shí)間 : ${System.currentTimeMillis() - webPStart} ms , " +"輸出文件 : ${cacheDir}/icon_webp.webp")}fun decodeWebP(){var pngStart = System.currentTimeMillis()BitmapFactory.decodeResource(resources, R.mipmap.icon_png)Log.e(TAG, "解碼 png 格式圖片時(shí)間 : ${System.currentTimeMillis() - pngStart} ")var webPStart = System.currentTimeMillis()BitmapFactory.decodeResource(resources, R.mipmap.icon_webp)Log.e(TAG, "解碼 WebP 格式圖片時(shí)間 : ${System.currentTimeMillis() - webPStart} ")} }

執(zhí)行結(jié)果 :

2021-04-25 17:24:20.486 12660-12707/kim.hsl.webp E/libc: Access denied finding property "vendor.debug.egl.profiler" 2021-04-25 17:24:20.653 12660-12660/kim.hsl.webp E/MainActivity: libwebp 函數(shù)庫(kù)版本 : 1537 2021-04-25 17:24:20.933 12660-12660/kim.hsl.webp E/MainActivity: 解碼 png 格式圖片時(shí)間 : 280 2021-04-25 17:24:21.134 12660-12660/kim.hsl.webp E/MainActivity: 解碼 WebP 格式圖片時(shí)間 : 201 2021-04-25 17:24:23.814 12660-12660/kim.hsl.webp E/MainActivity: 編碼 png 格式圖片時(shí)間 : 2410 ms , 輸出文件 : /data/user/0/kim.hsl.webp/cache/icon_png.png 2021-04-25 17:24:26.902 12660-12660/kim.hsl.webp E/MainActivity: 編碼 WebP 格式圖片時(shí)間 : 3088 ms , 輸出文件 : /data/user/0/kim.hsl.webp/cache/icon_webp.webp 2021-04-25 17:24:30.289 12660-12660/kim.hsl.webp E/MainActivity: 使用 libwebp.so 庫(kù)編碼 WebP 格式圖片時(shí)間 : 3387 ms , 輸出文件 : /data/user/0/kim.hsl.webp/cache/icon_webp2.webp 2021-04-25 17:24:30.457 12660-12660/kim.hsl.webp E/MainActivity: 使用 libwebp.so 庫(kù)解碼 WebP 格式圖片時(shí)間 : 168 ms

使用 libwebp.so 庫(kù)解碼 WebP 圖片的速度要 高于 Android 本身自帶 API 的速度 ;

界面顯示 :

三、參考資料

---

參考文檔 :

• 創(chuàng)建 WebP 圖片 : https://developer.android.google.cn/studio/write/convert-webp

• Android 中支持的媒體格式 : https://developer.android.google.cn/guide/topics/media/media-formats

• isparta 工具官網(wǎng) : http://isparta.github.io/

• isparta 工具 GitHub 地址 : https://github.com/iSparta/iSparta

• Google 提供的 WebP 工具 ( 國(guó)內(nèi)不能訪問 ) : https://developers.google.com/speed/webp/download

• Google WebP 主頁(yè) : https://developers.google.com/speed/webp

• WebP 相關(guān)工具下載頁(yè) : https://developers.google.com/speed/webp/download

• WebP工具和函數(shù)庫(kù)使用文檔 : https://developers.google.com/speed/webp/docs/using

Android NDK 編譯構(gòu)建腳本參考文檔 :

• ndk-build 腳本 : https://developer.android.google.cn/ndk/guides/ndk-build
• Android.mk 構(gòu)建腳本 : https://developer.android.google.cn/ndk/guides/android_mk
• Application.mk 構(gòu)建腳本 : https://developer.android.google.cn/ndk/guides/application_mk

博客資源 :

• iSparta 工具 : https://download.csdn.net/download/han1202012/17496041
• Google libwebp 庫(kù) : https://download.csdn.net/download/han1202012/17498155
• libwebp 源碼及編譯相關(guān)資源 : https://download.csdn.net/download/han1202012/17826464 ( 源碼 , 編譯腳本 , 編譯結(jié)果 so 庫(kù) )

博客源碼 :

• GitHub 地址 : https://github.com/han1202012/Webp
• CSDN 下載地址 : https://download.csdn.net/download/han1202012/18125733

總結(jié)

以上是生活随笔為你收集整理的【Android 安装包优化】WebP 应用 ( Android 中使用 libwebp.so 库解码 WebP 图片 )的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。