精华

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

  • • 发表于 9个月前
  • • 作者 toBeMN
  • • 3776 次浏览
  • • 22 条评论
  • • 最后编辑时间 9个月前
  • • 来自 [技术]

原创声明:本文为作者原创,未经允许不得转载,经授权转载需注明作者和出处

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

那小程序为什么要这么小呢,因为他想做到即扫即用,即用即走的理念,宏观的说微信小程序是不需要下载,通过扫码等方法直接在微信平台上使用的软件。其实微观上,在第一次使用软件的时候还是会下载下来的,之后就不会在下载。而在这个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/

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

分享到:
评论区(共22条评论)
22条评论
Ctrl+Enter
作者

toBeMN

toBeMN

APP:3 帖子:23 回复:59 积分:3070

已加入社区[288]天

梦想成为全栈的男人

作者详情》
精品推荐课程更多
扫码入群
Top