技术博客 > 正文

cdn加速中图片优化是如何实现的

2021-02-01

CDN加速基于负载均衡,统筹于智能调度,落脚在边缘节点上,为终端用户进行网络加速。随着越来越多的智能手机、平板电脑、智能手表和其他数码设备接入网络,多元化的信息接收也为终端的用户体验优化提出了挑战。

为应对这些挑战,有些企业开始为网站开发更多版本,以适配不同设备。例如,某些网站提供了超过50种图片尺寸,以便在不同设备上调用。然而,这样的操作带来了更多代码,导致网页的体积进一步膨胀,为管理运维增加了难度。臃肿的网站需要更长的时间加载,这直接为企业带来高昂的成本、效率低下、用户体验下滑,影响企业受益。

正式考虑到这个问题,网宿CDN加速提供高级扩展功能——图像自适应技术,这项技术基于网宿云平台的强大计算能力,支持对原始图片的多维度处理,主要包括裁剪、缩放、压缩、旋转、置灰、格式转换等功能。整个过程仅需cdn回源取一次原始图片,通过cdn边缘处理,实现在多终端或单个网站不同位置展示不同效果图片,提升用户体验。与此同时,该功能还可以缩减cdn回源比例,降低传输流量,提高整体页面加载性能。目前,网宿全站加速网页加速以及动态加速等产品,均已经配备这项图片扩展功能。

中国品牌日丨网宿科技获百亿级品牌价值评估

cdn加速过程中,图片可以通过减少尺寸、调整大小、局部图剪裁、自适应旋转、更改输出质量、更改输出质量、更改输出格式、图片置灰化等方式处理来提升加载速度。

除此之外,cdn加速的图片图像处理功能可以根据客户需求,支持多种规则的处理。例如,在电商网站上,在搜索页面中显示每个产品的缩小图,在详细页面中显示大图,当用户单击图片是,则在弹出窗口中显示高清全尺寸图像。

一般而言,CDN加速图像优化有2类功能:

自动调整:根据终端设备的请求参数,自动提供最佳可用尺寸。
特征值匹配:客户可以根据一定策略,通过在URL上添加字符串参数,实现cdn图片处理,包括图片质量、转换、剪裁、旋转等。

当收到携带网宿cdn图片处理参数的请求时,图片自适应功能将会先确认CDN上是否有缓存衍生图片。如果没有,会根据原始图片生成衍生图片。

CDN加速图片优化功能将图片操作从来源服务器卸载到网宿云平台上,从而减少基础设施和维护成本。此外,还能够丰富的图片适配,为每一个用户提供最佳图片效果,优化用户体验,提升网站转化率。同时,根据移动网络和终端的特点,图片处理功能对于移动加速提升效果会更加显著。最终,通过cdn图片自适应,仅一张图匹配多个终端,减少运维压力,提高操作效率并缩短产品迭代时间。