微信小程序填坑之路之图片处理

微信小程序的一大特点就是“小”，小到什么程度呢，看图就知道了

那小程序为什么要这么小呢，因为他想做到即扫即用，即用即走的理念，宏观的说微信小程序是不需要下载，通过扫码等方法直接在微信平台上使用的软件。其实微观上，在第一次使用软件的时候还是会下载下来的，之后就不会在下载。而在这个4G、wifi满天飞的时代，1M的软件下载能需要几秒，所以可以理解成是一个不需要下载就能使用的软件。

废话说完了进入正题，既然小程序限制了项目的大小，而项目不可避免的会用到图片、音频、视频等相对来说的大东西，要怎么处理呢。

我知道三个小方法仅供参考
1.将图片转成base64编码，可以使用代码来转换，当然我才不愿意特意写代码转，我懒，献上一个在线图片转base64的地址：
http://tool.css-js.com/base64.html
这会得到一个很长很长很长的字符串，但是比较一下，是图片占容量还是字符串占容量，我就放心的使用了

base64的格式
data:[][;charset=][;base64],

在html中使用的方法
<img src="data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL...." />

在css中使用的方法
.demoImg{ background-image: url(“data:image/jpg;base64,/9j/4QMZRXhpZgAASUkqAAgAAAAL….”); }

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

3.如果你有强迫症一定要看到图片
那就压缩图片吧，我这里有一个压缩图片的网址，压缩的效果相当显著https://tinypng.com/

这就是三种小方法，仅供参考仅供参考仅供参考，不说三遍我怕被人喷一脸