微信小程序制作常见问题：字体图片视频全攻略
2026.10.20
Hi,
Are you ready
小程序资讯
小程序开发里，字体、图片、视频这三类资源出问题的频率最高，原因却出奇地一致：微信对主包有硬性的2MB限制，而这三类文件恰恰是最占体积、又最容易被直接塞进代码包的。深圳小程序开发 - 沙漠风在项目评审阶段经常看到一种情况：功能逻辑写得没问题，提审时卡在“包体积超限”，回头再拆资源，返工成本比一开始就规划好要高出不少。
字体：不要直接往包里塞.ttf。 一个完整的中文字体文件动辄几MB，如果品牌确实需要非系统字体，正确的路径是子集化 + CDN。用fonttools或字客网工具只提取页面实际用到的字符（品牌名、标题常用字），体积通常能从几MB压缩到几十KB。子集化后的字体文件上传CDN，通过@font-face外链引用，既绕开了主包限制，也避免了每次启动加载一个完整字体包的浪费。正文字体则优先使用PingFang SC或微信默认字体，字号不低于28rpx，没必要为了“设计感”牺牲可读性和加载性能。
图片：格式选对，体积少一半。 WebP是微信小程序目前兼容性最成熟的图片格式，同尺寸下比PNG和JPEG有明显优势。商品主图、详情图在交付前统一做WebP转换，配合尺寸裁剪，压缩率通常能达到60%以上。首屏以下的图片一律加lazy-load，用户滑到位置再加载；轮播图这类大Banner用“压缩占位图 + 原图渐进加载”的方式，先让视觉结构出来，再替换高清版本。还有一条容易被忽视的细节：图片地址尽量走CDN，而不是打包进代码包，既降体积，也方便后续替换和缓存策略调整。
视频：封面比视频本身更需要“瘦身”。 视频文件本身走CDN外链基本是共识，但很多团队把视频封面图留在了包里——一张未压缩的封面图就可能吃掉几百KB。封面图同样做WebP压缩和尺寸控制，视频本体优先使用MP4格式并控制码率和时长。播放场景中注意object-fit的处理，避免安卓端画面比例被横向拉伸，这类视觉瑕疵看似和“体积”无关，却是用户差评里真实出现的理由。
把这三类资源管好的核心原则只有一条：能上CDN的不进包，能用新格式的不留旧格式，能子集化的不传全量。深圳小程序开发 - 沙漠风在项目启动时会先把字体、图片、视频的资源清单过一遍，把体积大头在外链化方案里定下来，而不是等到提审被拒再回头拆包。资源规范做在前面，2MB的限制就不再是“紧箍咒”，而是一个倒逼轻量化设计的合理边界。
关注沙漠风
即刻了解价值资讯
