目錄

• 1.簡介
• 2.源碼配置
• 3.編譯生成
• 4.示例源碼地址
• 5.參考

1.簡介

Webp圖片格式是google官方推出的一種圖片格式，相比傳統(tǒng)的jpeg格式，可以節(jié)約1/3的流量，因此在做大量使用圖片的App時，益處多多。
而此前項(xiàng)目來來回回?fù)Q了幾個圖片框架，都不太理想
最后決定選用Glide+libwebp的模式
由于4.0以下Android對Webp的支持并不好，因此需要我們手動支持。

2.源碼配置

libwebp的最新源碼
建議開個代理
將源碼文件夾改名為jni
編輯Android.mk文件，開頭加上

#開啟webp 共享庫編譯
ENABLE_SHARED := 1

如圖

添加swig/libwebp_java_wrap.c文件到Android.mk中

APP_ABI := armeabi armeabi-v7a
APP_PLATFORM := android-8

3.編譯生成

此時可以使用ndk-build命令編譯

項(xiàng)目中使用
建立Sample工程
將swig目錄下的libwebp.jar文件和編譯生成的庫文件添加到項(xiàng)目中去
整理的對應(yīng)的工具類

package com.webp.lib;

import android.graphics.Bitmap;

import com.google.webp.libwebp;

import java.io.ByteArrayOutputStream;
import java.io.InputStream;
import java.nio.ByteBuffer;

/**
 * 作者: andy
 * 時間: 16-4-8
 * 描述:
 * 取自互聯(lián)網(wǎng)
 * 修訂: 暫無
 */
public class WebpUtils {

    static {
        System.loadLibrary("webp");
    }

    /**
     * 字節(jié)數(shù)組轉(zhuǎn)換為bitmap對象
     *
     * @param encoded
     * @return
     */
    public static Bitmap webpToBitmap(byte[] encoded) {
        int[] width = new int[]{0};
        int[] height = new int[]{0};
        byte[] decoded = libwebp.WebPDecodeARGB(encoded, encoded.length, width,
                height);

        int[] pixels = new int[decoded.length / 4];
        ByteBuffer.wrap(decoded).asIntBuffer().get(pixels);

        return Bitmap.createBitmap(pixels, width[0], height[0],
                Bitmap.Config.ARGB_8888);
    }

    /**
     * 流轉(zhuǎn)換為字節(jié)數(shù)組
     * @param in
     * @return
     */
    public static byte[] streamToBytes(InputStream in) {
        ByteArrayOutputStream out = new ByteArrayOutputStream(1024);
        byte[] buffer = new byte[1024];
        int len = -1;
        try {
            while ((len = in.read(buffer)) >= 0) {
                out.write(buffer, 0, len);
                out.flush();
            }
        } catch (java.io.IOException e) {
            e.printStackTrace();
        } finally {
            try {
                in.close();
            } catch (Exception e) {
                e.printStackTrace();
            }
        }
        return out.toByteArray();
    }

    public static boolean isWebp(byte[] data) {
        return data != null && data.length > 12 && data[0] == 'R'
                && data[1] == 'I' && data[2] == 'F' && data[3] == 'F'
                && data[8] == 'W' && data[9] == 'E' && data[10] == 'B'
                && data[11] == 'P';
    }

    /**
     * 獲取webp版本
     * 用來測試JNI的調(diào)用
     * @return
     */
    public static int getWebpVersion() {
        return libwebp.WebPGetDecoderVersion();
    }

}

效果如圖所示

使用Geeymotion的模擬器2.3.7成功加載webp圖片

4.示例源碼地址

https://github.com/byhook/WebpSample

5.參考

官方使用FAQ