本帖最后由 qq1394880808 于 2020-4-21 17:16 编辑

现在后台传图片好多都是原图,详情,列表,属性图都是很大的很费流量,而且加载慢。一个个处理好尺寸再传上去吧太费劲麻烦的很,想了个懒办法!
大家很多人都用阿里云oss存图片吧!阿里云oss有个免费的图片处理功能可以利用一下!
图片.jpg
第一步打开阿里云oss,打开图片处理,设置好规则,名称随意取自己记住就行 嘿嘿.jpg
设置好链接分隔符,随意        你的图片地址+分隔符号+样式名称    即可访问到压缩处理后的图片


属性图建议200px*200px 小图即可,反正他就那么小也放不大

列表图,主图建议305px*305px  或  400px*400px

详情图,轮播图建议600——800px(现在手机都高清屏幕了动不动就1080P,甚至2K屏了,太模糊了影响用户体验,当然的结合自己的实际情况来,我设置了750px*750px ,因为好多淘宝抓取过来的图片基本上都是750px——800px左右宽度,假设你设置到800px,那么有些750的图片反而给放大了....期反作用了)

PS:这样技能保证清晰度,又能提升加载速度!假设原图为800*800的淘宝等各大电商主图,设置处理样式图片质量为80,并缩率图片400*400的情况下,减少到原图的1/2至1/4的图片大小。

下面开始修改小程序部分,我这里列出来10个地方要改,还有其他地方我不一一举例了(比如说我的待收货啊,我的订单列表啊,购物车列表,收藏列表....那些图片都很小的,指甲大小的啊!你不改他是直接加载高清大图,购物车随便加几个产品或者十几个产品,页面数据就好几M甚至 十多M,优化后亲测  购物车加20款不同产品 加载页面时不超1M!)大家可以在小程序这里找每个页面的某张需要改图片压缩链接的路径,跟浏览器上的审核元素功能差不多! QQ截图20191025172827.jpg
游客,如果您要查看本帖隐藏内容请回复






发表于 2019-10-20 08:31:35 | 显示全部楼层
沙发
面开始修改小程序部分,
回复

使用道具 举报

发表于 2019-10-20 19:34:38 | 显示全部楼层
板凳
回复

使用道具 举报

发表于 2019-10-20 23:56:42 来自手机 | 显示全部楼层
地板
学习学习
回复

使用道具 举报

发表于 2019-10-21 21:44:09 | 显示全部楼层
5#
回复

使用道具 举报

发表于 2019-10-23 09:42:34 | 显示全部楼层
6#
谢谢分享~
回复

使用道具 举报

发表于 2019-10-24 23:17:08 | 显示全部楼层
7#
非常需要,谢谢!
回复

使用道具 举报

发表于 2019-10-26 22:22:24 | 显示全部楼层
8#

谢谢分享~
回复

使用道具 举报

发表于 2019-10-27 14:13:53 | 显示全部楼层
9#
可以可以,操作很溜
回复

使用道具 举报

发表于 2019-11-7 19:51:33 | 显示全部楼层
10#
厉害了, 很有用的教程。
回复

使用道具 举报

0

主题

4

帖子

79

积分

注册会员

Rank: 2

积分
79
发表于 2019-11-7 20:06:08 | 显示全部楼层
11#
感谢,这样方便多了。
回复

使用道具 举报

发表于 2019-11-7 20:45:11 | 显示全部楼层
12#
优秀
回复

使用道具 举报

发表于 2019-11-12 00:19:37 | 显示全部楼层
13#
非常不错。。。。。。。。
回复

使用道具 举报

发表于 2019-11-12 12:46:36 | 显示全部楼层
14#
666
回复

使用道具 举报

发表于 2019-11-16 00:30:23 | 显示全部楼层
15#
感谢分享
回复

使用道具 举报

发表于 2019-11-16 14:56:00 | 显示全部楼层
16#
gfiufiuyfiufiu
回复

使用道具 举报

发表于 2019-11-18 19:36:48 | 显示全部楼层
17#
学习.
回复

使用道具 举报

发表于 2019-11-21 10:42:46 | 显示全部楼层
18#
不错学习学习
回复

使用道具 举报

0

主题

2

帖子

55

积分

注册会员

Rank: 2

积分
55
发表于 2019-12-8 21:45:45 | 显示全部楼层
19#
楼主厉害,一定要学习学习
回复

使用道具 举报

0

主题

2

帖子

51

积分

注册会员

Rank: 2

积分
51
发表于 2019-12-9 10:00:29 | 显示全部楼层
20#
学习学习
回复

使用道具 举报

发表于 2019-12-9 11:33:06 | 显示全部楼层
21#
学习学习
回复

使用道具 举报

发表于 2019-12-30 18:15:44 | 显示全部楼层
22#
楼主是大牛  而且是真正营运的
回复

使用道具 举报

发表于 2019-12-30 18:24:35 | 显示全部楼层
23#
能不能设置在后台设置一下OOS的图片样式  
上传图片的时候数据库就直接在图片路径后面加上样式
QQ截图20191230181848.png
回复

使用道具 举报

发表于 2020-2-4 19:03:08 | 显示全部楼层
24#
不错,这个必须 要的
回复

使用道具 举报

4

主题

12

帖子

183

积分

注册会员

Rank: 2

积分
183
发表于 2020-2-16 19:16:21 | 显示全部楼层
25#
老铁,牛鼻啊!
回复

使用道具 举报

发表于 2020-2-17 22:40:01 | 显示全部楼层
26#
谢谢分享
回复

使用道具 举报

发表于 2020-2-27 13:34:54 | 显示全部楼层
27#
XXXXXXXXXXXX谢谢
回复

使用道具 举报

 楼主| 发表于 2020-3-1 21:31:09 | 显示全部楼层
28#
mkx100 发表于 2019-12-30 18:24
能不能设置在后台设置一下OOS的图片样式  
上传图片的时候数据库就直接在图片路径后面加上样式 ...

那你可以研究下,但是那样改了数据库里边图片后缀,怕是比较麻烦 因为里边还有以前的老图片。所以我还是只在小程序前端做了修改这样新旧图片都适用
回复

使用道具 举报

5

主题

12

帖子

142

积分

注册会员

Rank: 2

积分
142
发表于 2020-3-2 21:27:44 | 显示全部楼层
29#
小程序l利用OSS图片压缩处理性能优化
回复

使用道具 举报

发表于 2020-3-3 20:09:34 | 显示全部楼层
30#


谢谢分享~
回复

使用道具 举报

发表于 2020-3-19 22:29:08 | 显示全部楼层
31#
谢谢分享
回复

使用道具 举报

发表于 2020-3-19 22:31:21 | 显示全部楼层
32#
谢谢分享
回复

使用道具 举报

发表于 2020-3-20 11:33:31 | 显示全部楼层
33#
学习学习
回复

使用道具 举报

发表于 2020-3-20 11:42:40 | 显示全部楼层
34#
谢谢分享,我看看
回复

使用道具 举报

发表于 2020-3-20 13:13:03 | 显示全部楼层
35#
这个正好需要
回复

使用道具 举报

1

主题

8

帖子

602

积分

高级会员

Rank: 4

积分
602
发表于 2020-3-21 20:30:02 | 显示全部楼层
36#
试试看啊
回复

使用道具 举报

0

主题

7

帖子

114

积分

注册会员

Rank: 2

积分
114
发表于 2020-3-22 21:37:22 | 显示全部楼层
37#
这个是干货!!!!!!!!!
回复

使用道具 举报

发表于 2020-3-23 15:39:12 | 显示全部楼层
38#
学习
回复

使用道具 举报

发表于 2020-3-24 16:13:20 | 显示全部楼层
39#
很不错的分享
回复

使用道具 举报

发表于 2020-3-24 17:09:14 | 显示全部楼层
40#
很不错的分享
回复

使用道具 举报

发表于 2020-3-24 17:34:57 | 显示全部楼层
41#
感谢分享。收藏学习。
回复

使用道具 举报

发表于 2020-3-24 21:34:42 | 显示全部楼层
42#
学习
回复

使用道具 举报

发表于 2020-3-25 17:44:12 | 显示全部楼层
43#
这个需要好好研究研究
回复

使用道具 举报

发表于 2020-4-5 04:08:07 | 显示全部楼层
44#
图片多了影响很服务器的速度 学习一下
回复

使用道具 举报

发表于 2020-4-13 17:08:16 | 显示全部楼层
45#
回复

使用道具 举报

发表于 2020-4-13 17:08:21 | 显示全部楼层
46#
回复

使用道具 举报

发表于 2020-4-13 17:08:22 | 显示全部楼层
47#
回复

使用道具 举报

发表于 2020-4-13 17:08:23 | 显示全部楼层
48#
回复

使用道具 举报

发表于 2020-4-16 02:32:26 | 显示全部楼层
49#
学习一下,支持
回复

使用道具 举报

发表于 2020-4-19 17:44:05 | 显示全部楼层
50#
牛逼,学习
回复

使用道具 举报

12下一页
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    QQ|Archiver|手机版|小黑屋|CRMEB论坛

    Powered by Discuz! X3.4  © 2001-2013 Comsenz Inc.