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

2023-03-29 10:29:37 浏览数 (2)

文章目录

  • 一、Android 中使用 libwebp.so 库编码 WebP 图片
  • 二、完整代码示例
  • 三、参考资料

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


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

代码语言:javascript复制
    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 个参数作用 :

  • byte[] var0 : 位图字节数据 ;
  • int var1 : 位图宽度 , 单位像素 ;
  • int var2 : 位图高度 , 单位像素 ;
  • int var3 : 位图每行的数据字节数 ;
  • float var4 : 压缩 WebP 图片质量 , 推荐 75 ;
代码语言:javascript复制
    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 图片 , 保存到本地文件中 ;

代码语言:javascript复制
    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 图片的编码操作 ;

同时测试编码的时长 ;

代码语言:javascript复制
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} ")
    }
}

执行结果 :

代码语言:javascript复制
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 的速度 , 由于是为了适配低版本系统 , 聊胜于无 ;

三、参考资料


参考文档 :

  • 创建 WebP 图片 : https://developer.android.google.cn/studio/write/convert-webp
  • Android 中支持的媒体格式 : https://developer.android.google.cn/guide/topics/media/media-formats
  • isparta 工具官网 : http://isparta.github.io/
  • isparta 工具 GitHub 地址 : https://github.com/iSparta/iSparta
  • Google 提供的 WebP 工具 ( 国内不能访问 ) : https://developers.google.com/speed/webp/download
  • Google WebP 主页 : https://developers.google.com/speed/webp
  • WebP 相关工具下载页 : https://developers.google.com/speed/webp/download
  • WebP工具和函数库使用文档 : https://developers.google.com/speed/webp/docs/using

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

  • ndk-build 脚本 : https://developer.android.google.cn/ndk/guides/ndk-build
  • Android.mk 构建脚本 : https://developer.android.google.cn/ndk/guides/android_mk
  • Application.mk 构建脚本 : https://developer.android.google.cn/ndk/guides/application_mk

博客资源 :

  • iSparta 工具 : https://download.csdn.net/download/han1202012/17496041
  • Google libwebp 库 : https://download.csdn.net/download/han1202012/17498155
  • libwebp 源码及编译相关资源 : https://download.csdn.net/download/han1202012/17826464 ( 源码 , 编译脚本 , 编译结果 so 库 )

博客源码 :

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

0 人点赞