本篇文章為大家展示了Android中微信小程序的圖片優(yōu)化技巧分享，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。

目前創(chuàng)新互聯(lián)建站已為數(shù)千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)站空間、網(wǎng)站運(yùn)營(yíng)、企業(yè)網(wǎng)站設(shè)計(jì)、寬城網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

前言

小菜上周接入了微信分享小程序的入口，基本功能實(shí)現(xiàn)都沒問題，有需要的朋友可以了解一下 Android 分享微信小程序失敗二三事，雖然功能都正常，但整體測(cè)試發(fā)現(xiàn)圖片展示效果不佳。于是小菜整理了一個(gè)簡(jiǎn)單的小方法處理一下圖片！

微信規(guī)定，分享小程序展示的圖片應(yīng)該在 128KB 以內(nèi)，同時(shí)圖片默認(rèn)展示比例為 5:4，這樣小菜默認(rèn)的圖很多是豎直的圖，只會(huì)展示一部分。

遮擋部分圖片

規(guī)定

小菜嘗試了圖片的【等比壓縮】【非等比壓縮】和【不壓縮】，效果依舊不合適，圖片所占位置默認(rèn)以橫向方向填充滿分享出的布局。于是小菜決定重新用 Canvas 繪制一張圖，將所要展示的圖片居中展示，整理方法如下：

public static Bitmap drawWXMiniBitmap(Bitmap bitmap, int width, int height) {
 Bitmap mBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
 // 用這個(gè)Bitmap生成一個(gè)Canvas,然后canvas就會(huì)把內(nèi)容繪制到上面這個(gè)bitmap中
 Canvas mCanvas = new Canvas(mBitmap);
 // 繪制畫筆
 Paint mPicturePaint = new Paint();
 // 繪制背景圖片
 mCanvas.drawBitmap(mBitmap, 0.0f, 0.0f, mPicturePaint);
 // 繪制圖片的寬、高
 int width_head = bitmap.getWidth();
 int height_head = bitmap.getHeight();
 // 繪制圖片－－保證其在水平方向居中
 mCanvas.drawBitmap(bitmap, (width - width_head) / 2, (height - height_head) / 2,
  mPicturePaint);
 // 保存繪圖為本地圖片
 mCanvas.save();
 mCanvas.restore();
 return mBitmap;
}

小菜測(cè)試時(shí)發(fā)現(xiàn)，很多圖片的尺寸大小和寬高比并非固定的，為了適配整體展示效果，當(dāng)寬高比小于1時(shí)，根據(jù)圖片高度來(lái)計(jì)算整體繪制 Bitmap 寬，Bitmap 可以根據(jù)需求展示相應(yīng)的本地資源圖或網(wǎng)絡(luò)圖，寬高可以直接設(shè)置 5:4 大小，小菜測(cè)試 width = 300; height = 240 整體效果較為合適。大家可以根據(jù)個(gè)人需求自定義圖片樣式。

Bitmap bitmap = BitmapUtil.drawWXMiniBitmap(bitmap, bitmap.getHeight() * 5 / 4, bitmap.getHeight());
if (BitmapUtil.isOverSize(bitmap, 128)) {
 bitmap = Utils.resizeBitmap(bitmap, 300, 240);
}

Tips:繪制完成之后的圖會(huì)比原圖大，所以需要先繪制圖片，再判斷圖片是否超過 128KB。若超過 128KB 需要進(jìn)行壓縮，公共的方法暫時(shí)就省略啦！

上述內(nèi)容就是Android中微信小程序的圖片優(yōu)化技巧分享，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。