微信小程序开发图片处理教程

2018-04-20 14:38

摘要:小程序限制了项目的大小，而项目不可避免的会用到图片、音频、视频等相对来说的大东西，要怎么处理呢。

小程序是嵌入在微信上的一款轻应用，与APP相比它有许多优势。微信小程序一大特点就是小，把小程序做这么小就是想突出无需下载即扫即用的理念。宏观的说微信小程序是不需要下载，通过扫码等方法直接在微信平台上使用的软件。微观上，在第一次使用小程序的时候还是会将小程序功能主体加载到微信。而在这个4G，wifi满天飞的时代，1M的软件下载能需要几秒，所以可以理解成是一个不需要下载就能使用的软件。

微信小程序开发图片处理教程

既然小程序限制了项目的大小，而项目不可避免的会用到图片、音频、视频等相对来说的大东西，要怎么处理呢。APP开发时有它的一套完整框架，有存储各种文件的路径，而小程序不存在下载的说法自然不会创建这些路径，没有可以保存大量大型图片的空间，可能会导致是用小程序时图片加载失败。小程序处理图片有三种方法供参考：

1.将图片转成base64编码

可以使用代码来转换，对于不愿意特意写代码转的用户，可以在网上找到相应服务的网站，如http://tool.css-js.com/base64.html，这会得到一个很长的字符串，但是比较一下，是图片占容量还是字符串占容量，

base64的格式：

data:[][;charset=][;base64],

在html中使用的方法：

img src=“图片路径”

在css中使用的方法：

.demoImg{ background-image: url(“data:image/jpg;base64,/9j”); }

2.使用外部链接

推荐使用七牛，不仅能弄图片，还能把本地的音频（试验过可以）、视频等转成外部链接，这就更小了，一个链接解决这些占空间的资源。

3.可以选择将图片压缩

压缩图片可以减少图片的容量，降低图片的分辨率，可以自行压缩，也可以将图片上传到一些网站进行压缩。