当前位置: 首页 > 微信相关

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

发布日期:2020-08-12 09:07:02 分类:微信相关 阅读()来源:网络收集

好东西要多分享:

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

小程序是嵌入在微信上的一款轻应用,与APP相比它有许多优势。微信小程序一大特点就是小,把小程序做这么小就是想突出无需下载即扫即用的理念。宏观的说微信小程序是不需要下载,通过扫码等方法直接在微信平台上使用的软件。微观上,在第一次使用小程序的时候还是会将小程序功能主体加载到微信。而在这个4Gwifi满天飞的时代,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.可以选择将图片压缩

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

以上是微信小程序开发过程中图片处理的一些教程,经供参考。


推荐阅读:微信小程序常用的入口有哪些?




声明: 文章内容及图片部分全部摘自网络,在此分享供读者参考和借鉴,不代表酷雷的观点。文章、图片等内容如涉嫌侵权,请联系我们删除,谢谢!带有原创标签的属于酷雷原创文章,未经允许不得转载!

标签:

我要说一说

加载中~

相关推荐

您好,很高兴为您服务!
广告合作
投诉建议
联系站长

客服热线:15821432298

扫码加好友,优惠等你来!