Android中如何优化微信小程序的图片-创新互联

这篇“Android中如何优化微信小程序的图片”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“Android中如何优化微信小程序的图片”文章吧。

创新互联公司服务项目包括凤县网站建设、凤县网站制作、凤县网页制作以及凤县网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，凤县网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到凤县省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

微信规定，分享小程序展示的图片应该在 128KB 以内，同时图片默认展示比例为 5:4，这样小菜默认的图很多是竖直的图，只会展示一部分。

遮挡部分图片

规定

小菜尝试了图片的【等比压缩】【非等比压缩】和【不压缩】，效果依旧不合适，图片所占位置默认以横向方向填充满分享出的布局。于是小菜决定重新用 Canvas 绘制一张图，将所要展示的图片居中展示，整理方法如下：

public static Bitmap drawWXMiniBitmap(Bitmap bitmap, int width, int height) {
 Bitmap mBitmap = Bitmap.createBitmap(width, height, Bitmap.Config.ARGB_8888);
 // 用这个Bitmap生成一个Canvas,然后canvas就会把内容绘制到上面这个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;
}

小菜测试时发现，很多图片的尺寸大小和宽高比并非固定的，为了适配整体展示效果，当宽高比小于1时，根据图片高度来计算整体绘制 Bitmap 宽，Bitmap 可以根据需求展示相应的本地资源图或网络图，宽高可以直接设置 5:4 大小，小菜测试 width = 300; height = 240 整体效果较为合适。大家可以根据个人需求自定义图片样式。

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

Tips:绘制完成之后的图会比原图大，所以需要先绘制图片，再判断图片是否超过 128KB。若超过 128KB 需要进行压缩，公共的方法暂时就省略啦！

以上就是关于“Android中如何优化微信小程序的图片”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注创新互联行业资讯频道。

网页名称：Android中如何优化微信小程序的图片-创新互联
文章转载：http://6mz.cn/article/dcseee.html