【Android 安装包优化】WebP 应用 ( Android 中使用 libwebp.so 库解码 WebP 图片 )-阿里云开发者社区

【Android 安装包优化】WebP 应用 ( Android 中使用 libwebp.so 库解码 WebP 图片 )

2022-01-31 804

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【Android 安装包优化】WebP 应用 ( Android 中使用 libwebp.so 库解码 WebP 图片 )

文章目录

一、Android 中使用 libwebp.so 库解码 WebP 图片

二、完整代码示例

三、参考资料

一、Android 中使用 libwebp.so 库解码 WebP 图片

libwebp.jar 中解码相关的的方法如下 : libwebpJNI 是 Java 层调用 libwebp.so 动态库的入口类 ;

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 44 个参数作用 :

byte[] var0 : ARGB 字节数据 ;
int var1 : ARGB 字节数据字节个数 ;
int[] var3 : 图像宽度 , 传入的是数组 , 只有 1 个元素 , 作为返回值使用 ;
int[] var4 : 图像高度 , 传入的是数组 , 只有 1 个元素 , 作为返回值使用 ;
    public static byte[] WebPDecodeARGB(byte[] var0, long var1, int[] var3, int[] var4) {
        return libwebpJNI.WebPDecodeARGB(var0, var1, var3, var4);
    }

使用 libwebp.so 库解码 WebP 图片 : 读取 R.mipmap.icon_webp 资源文件 , 使用 libwebp 解码出 RGBA 数据 , 然后将 RGBA 数据转换为 Bitmap 位图 , 最后将 Bitmap 位图显示到界面中 ;

@SuppressLint("ResourceType")
    fun libwebpDecode() {
        var webPStart = System.currentTimeMillis()
        // 获取 WebP 资源文件的输入流
        var inputStream: InputStream = resources.openRawResource(R.mipmap.icon_webp)
        // 将数据读取到 Byte 数组输出流中
        var bos: ByteArrayOutputStream = ByteArrayOutputStream()
        var buffer: ByteArray = ByteArray(2048)
        // 记录长度
        var len = inputStream.read(buffer)
        while ( len != -1 ){
            bos.write(buffer, 0, len)
            len = inputStream.read(buffer)
        }
        inputStream.close()
        // 读取完毕后 , 获取完整的 Byte 数组数据
        var data_webp: ByteArray = bos.toByteArray()
        // 将 ByteArray 解码成 ARGB 数据
        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 转为 IntArray
        var data_argb_int = IntArray(data_argb_byte.size / 4)
        // 使用 nio 中的 ByteBuffer 进行读写
        var byteBuffer: ByteBuffer = ByteBuffer.wrap(data_argb_byte);
        // 将 byteBuffer 转为 IntBuffer , 然后获取其中的 int 数组
        byteBuffer.asIntBuffer().get(data_argb_int)
        // 将 ARGB 数据转为 Bitmap 位图图像
        var bitmap: Bitmap = Bitmap.createBitmap(
                data_argb_int,              // 图像数据 , int 数组格式
                width[0],                   // 图像宽度
                height[0],                  // 图像高度
                Bitmap.Config.ARGB_8888     // 图像颜色格式
        )
        // 界面显示解码后的位图
        binding.imageView.setImageBitmap(bitmap)
        Log.e(TAG, "使用 libwebp.so 库解码 WebP 格式图片时间 : ${System.currentTimeMillis() - webPStart} ms")
    }

二、完整代码示例

调用 libweb.jar 中的 libwebp.WebPDecodeARGB 函数 , 进行 WebP 图片的解码操作 ;

同时测试解码的时长 ;

package kim.hsl.webp
import 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.ByteBuffer
class MainActivity : AppCompatActivity() {
    companion object{
        val TAG = "MainActivity"
        init {
            System.loadLibrary("webp")
        }
    }
    lateinit var binding: ActivityMainBinding
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(binding.root)
        Log.e(TAG, "libwebp 函数库版本 : ${libwebp.WebPGetDecoderVersion()}")
        // 测试 WebP 解码速度
        decodeWebP()
        // 测试 WebP 编码速度
        encodeWebP()
        // 使用 libwebp 库编码 WebP 图片
        libwebpEncode()
        // 使用 libwebp 库解码 WebP 图片
        libwebpDecode()
    }
    @SuppressLint("ResourceType")
    fun libwebpDecode() {
        var webPStart = System.currentTimeMillis()
        // 获取 WebP 资源文件的输入流
        var inputStream: InputStream = resources.openRawResource(R.mipmap.icon_webp)
        // 将数据读取到 Byte 数组输出流中
        var bos: ByteArrayOutputStream = ByteArrayOutputStream()
        var buffer: ByteArray = ByteArray(2048)
        // 记录长度
        var len = inputStream.read(buffer)
        while ( len != -1 ){
            bos.write(buffer, 0, len)
            len = inputStream.read(buffer)
        }
        inputStream.close()
        // 读取完毕后 , 获取完整的 Byte 数组数据
        var data_webp: ByteArray = bos.toByteArray()
        // 将 ByteArray 解码成 ARGB 数据
        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 转为 IntArray
        var data_argb_int = IntArray(data_argb_byte.size / 4)
        // 使用 nio 中的 ByteBuffer 进行读写
        var byteBuffer: ByteBuffer = ByteBuffer.wrap(data_argb_byte);
        // 将 byteBuffer 转为 IntBuffer , 然后获取其中的 int 数组
        byteBuffer.asIntBuffer().get(data_argb_int)
        // 将 ARGB 数据转为 Bitmap 位图图像
        var bitmap: Bitmap = Bitmap.createBitmap(
                data_argb_int,              // 图像数据 , int 数组格式
                width[0],                   // 图像宽度
                height[0],                  // 图像高度
                Bitmap.Config.ARGB_8888     // 图像颜色格式
        )
        // 界面显示解码后的位图
        binding.imageView.setImageBitmap(bitmap)
        Log.e(TAG, "使用 libwebp.so 库解码 WebP 格式图片时间 : ${System.currentTimeMillis() - webPStart} ms")
    }
    fun libwebpEncode(){
        var webPStart = System.currentTimeMillis()
        // 读取一张本地图片
        var bitmap = BitmapFactory.decodeResource(resources, R.mipmap.icon_png)
        // 获取位图宽高
        var width = bitmap.width
        var height = bitmap.height
        // 申请一个 Byte 缓冲区
        var byteBuffer: ByteBuffer = ByteBuffer.allocate(bitmap.byteCount)
        // 将 位图 数据拷贝到 Byte 缓冲区中
        bitmap.copyPixelsToBuffer(byteBuffer)
        // 使用 libwebp.so 进行 WebP 格式编码
        var data: ByteArray = libwebp.WebPEncodeRGBA(
                byteBuffer.array(), // 位图数据
                width,       // 位图宽度
                height,      // 位图高度
                width * 4,   // 位图每行数据
                75F                 // 图像质量
        )
        // 将数据写出到文件中
        var fos = FileOutputStream("${cacheDir}/icon_webp2.webp")
        fos.write(data)
        fos.close()
        Log.e(TAG, "使用 libwebp.so 库编码 WebP 格式图片时间 : ${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 格式图片时间 : ${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 格式图片时间 : ${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 格式图片时间 : ${System.currentTimeMillis() - pngStart} ")
        var webPStart = System.currentTimeMillis()
        BitmapFactory.decodeResource(resources, R.mipmap.icon_webp)
        Log.e(TAG, "解码 WebP 格式图片时间 : ${System.currentTimeMillis() - webPStart} ")
    }
}

执行结果 :

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 函数库版本 : 1537
2021-04-25 17:24:20.933 12660-12660/kim.hsl.webp E/MainActivity: 解码 png 格式图片时间 : 280 
2021-04-25 17:24:21.134 12660-12660/kim.hsl.webp E/MainActivity: 解码 WebP 格式图片时间 : 201 
2021-04-25 17:24:23.814 12660-12660/kim.hsl.webp E/MainActivity: 编码 png 格式图片时间 : 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 格式图片时间 : 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 库编码 WebP 格式图片时间 : 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 库解码 WebP 格式图片时间 : 168 ms