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





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



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

    public static byte[] WebPEncodeRGB(byte[] var0, int var1, int var2, int var3, float var4) {
        return wrap_WebPEncodeRGB(var0, 1, 1, outputSize, var1, var2, var3, var4);
    }

    public static byte[] WebPEncodeRGBA(byte[] var0, int var1, int var2, int var3, float var4) {
        return wrap_WebPEncodeRGBA(var0, 1, 1, outputSize, var1, var2, var3, var4);
    }

    public static byte[] WebPEncodeBGR(byte[] var0, int var1, int var2, int var3, float var4) {
        return wrap_WebPEncodeBGR(var0, 1, 1, outputSize, var1, var2, var3, var4);
    }

    public static byte[] WebPEncodeBGRA(byte[] var0, int var1, int var2, int var3, float var4) {
        return wrap_WebPEncodeBGRA(var0, 1, 1, outputSize, var1, var2, var3, var4);
    }

    public static byte[] WebPEncodeLosslessRGB(byte[] var0, int var1, int var2, int var3) {
        return wrap_WebPEncodeLosslessRGB(var0, 1, 1, outputSize, var1, var2, var3);
    }

    public static byte[] WebPEncodeLosslessRGBA(byte[] var0, int var1, int var2, int var3) {
        return wrap_WebPEncodeLosslessRGBA(var0, 1, 1, outputSize, var1, var2, var3);
    }

    public static byte[] WebPEncodeLosslessBGR(byte[] var0, int var1, int var2, int var3) {
        return wrap_WebPEncodeLosslessBGR(var0, 1, 1, outputSize, var1, var2, var3);
    }

    public static byte[] WebPEncodeLosslessBGRA(byte[] var0, int var1, int var2, int var3) {
        return wrap_WebPEncodeLosslessBGRA(var0, 1, 1, outputSize, var1, var2, var3);
    }

在本博客示例中 , 使用的是 WebPEncodeRGBA 方法 , 传入的 5 5 5 个参数作用 :

  • byte[] var0 : 位图字节数据 ;
  • int var1 : 位图宽度 , 单位像素 ;
  • int var2 : 位图高度 , 单位像素 ;
  • int var3 : 位图每行的数据字节数 ;
  • float var4 : 压缩 WebP 图片质量 , 推荐 75 ;
    public static byte[] WebPEncodeRGBA(byte[] var0, int var1, int var2, int var3, float var4) {
        return wrap_WebPEncodeRGBA(var0, 1, 1, outputSize, var1, var2, var3, var4);
    }

使用 libwebp.so 库编码 WebP 图片 : 读取 R.mipmap.icon_png 资源文件 , 使用 libwebp 编码为 WebP 图片 , 保存到本地文件中 ;

    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")
    }




二、完整代码示例



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

同时测试编码的时长 ;

package kim.hsl.webp

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 java.io.FileOutputStream
import java.nio.ByteBuffer

class MainActivity : AppCompatActivity() {

    companion object{
        val TAG = "MainActivity"
        init {
            System.loadLibrary("webp")
        }
    }

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        Log.e(TAG, "libwebp 函数库版本 : ${libwebp.WebPGetDecoderVersion()}")

        // 测试 WebP 解码速度
        decodeWebP()

        // 测试 WebP 编码速度
        encodeWebP()

        // 使用 libwebp 库编码 WebP 图片
        libwebpEncode()
    }

    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 13:36:57.719 31716-31757/kim.hsl.webp E/libc: Access denied finding property "vendor.debug.egl.profiler"
2021-04-25 13:36:57.732 31716-31716/kim.hsl.webp E/MainActivity: 动态库加载完成
2021-04-25 13:36:57.895 31716-31716/kim.hsl.webp E/MainActivity: 1537
2021-04-25 13:36:58.174 31716-31716/kim.hsl.webp E/MainActivity: 解码 png 格式图片时间 : 278 
2021-04-25 13:36:58.374 31716-31716/kim.hsl.webp E/MainActivity: 解码 WebP 格式图片时间 : 200 
2021-04-25 13:37:01.053 31716-31716/kim.hsl.webp E/MainActivity: 编码 png 格式图片时间 : 2410 ms , 输出文件 : /data/user/0/kim.hsl.webp/cache/icon_png.png
2021-04-25 13:37:04.130 31716-31716/kim.hsl.webp E/MainActivity: 编码 WebP 格式图片时间 : 3077 ms , 输出文件 : /data/user/0/kim.hsl.webp/cache/icon_webp.webp
2021-04-25 13:37:07.512 31716-31716/kim.hsl.webp E/MainActivity: 使用 libwebp.so 库编码 WebP 格式图片时间 : 3382 ms , 输出文件 : /data/user/0/kim.hsl.webp/cache/icon_webp2.webp

使用 libwebp.so 库编码 WebP 图片的速度要 低于 Android 本身自带 API 的速度 , 由于是为了适配低版本系统 , 聊胜于无 ;





三、参考资料



参考文档 :


Android NDK 编译构建脚本参考文档 :


博客资源 :

博客源码 :

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值