怎么使用CDN解决图片压缩优化?

当用户因图片加载过慢而关闭网页时,您已损失了潜在转化。据 Akamai 研究,页面加载延迟 1 秒将使转化率下降 7%。本文将揭秘阿里云 CDN 的智能图片处理技术,解决你的图片性能瓶颈。

一、准备工作

一个有效的阿里云账户;如果你还没有阿里云账号或上云实际使用云服务过程中有不懂的,可寻云枢国际@yunshuguoji助力免卡上云用云以及享受专属优惠和技术支持。

拥有CDN服务,某些处理实现得开启阿里云 OSS 存储服务。

怎么使用CDN解决图片压缩优化?

二、开启图像处理

1.登录CDN控制台。

2.在左侧导航栏,单击域名管理。

3.在域名管理页面,找到目标域名,单击操作列的管理。

4.在指定域名的左侧导航栏,单击性能优化。

5.在图像处理区域框中,打开图像处理开关,选择您需要转换的图片类型。

怎么使用CDN解决图片压缩优化?

示例:

1.智能格式转换示例

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9

示例中Accept里包含了image/webp,表示支持自适应WEBP功能。

将原图转换为BMP格式,图片处理URL为:http(s)://example.com/image_01.png?image_process=format,bmp

2.通过调整图片质量,减小文件大小,节省访问流量。

绝对质量转换,图片处理URL为:http(s)://example.com/image01.png?image_process=quality,Q_90,如果当前质量是95,转换后质量为90;如果当前质量是80,转换后质量仍为80。

相对质量转换,图片处理URL为:http(s)://example.com/image01.png?image_process=quality,q_90,如果当前质量是80,当前图片的质量乘以转换系数90,转换后质量为72。

 

相关新闻

联系我们

联系我们

电报:@yunshuguoji

邮件:yunshuguoji@outlook.com

工作时间:早上8:00-晚上11:00

认准电报
认准电报
分享本页
返回顶部