微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb

针对“微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb”的问题，我会给出完整的攻略步骤，具体如下：

一、问题背景

在开发微信小程序过程中，我们经常需要设置导航栏底部的tabBar，其中每个icon的大小不得超过40KB。一旦超过了这个限制，开发者工具和真机都将无法显示对应的icon图标。

二、解决方案

1. 对icon图片进行压缩

将icon图片进行压缩是一种解决问题的有效方法。我们可以借助在线压缩工具，如 TinyPNG网站 来进行压缩。只需将需要压缩的图片上传，即可自动压缩并下载压缩后的图片。此时，我们再将压缩后的icon图片上传到小程序中进行使用，图标大小就不会超过40KB了。

示例：以一张大小为 ?114 KB 的图片为例，使用TinyPNG进行压缩后，大小被压缩至 ?33 KB。这样，即使将该图片作为icon文件使用，也不会出现大小超过40KB的问题。

1. 使用SVG格式图片

SVG格式是矢量图形，相对于常见的位图格式，SVG图形具有可伸缩性和无限放大性的优势。因此在实际开发中，如果用SVG格式图片替换该icon图片，则可以解决icon大小超过40KB的问题。

示例：将原本以 PNG、JPEG 格式制作的 icon 图标换成 SVG 格式，即可有效解决 icon 图标大小超过40KB的问题。

三、总结

以上就是针对“微信小程序踩坑记录之解决tabBar.list[3].selectedIconPath大小超过40kb”的攻略内容，这篇攻略给出了两种解决方案：对icon图片进行压缩以及使用SVG格式图片。希望这些方法能够帮助到大家，解决类似问题。