图片CDN是什么?为什么要使用图片CDN?

发布日期:2021-07-09

为什么要用图片CDN? 

图片CDN可谓是页面优化的一把好手,它能节省40%-80%的图片空间,能在回源节点上对图片进行处理和分发,显著提高页面加载效率。理论上,写脚本也能实现同样的效果,但实践中比较少见。


图片CDN是什么? 

我们可以把图片CDN想象成一个专门处理图片的API。开通图片CDN功能后,我们可以根据文档介绍的图片处理操作方法,传入裁剪、缩放、格式转换(crop、resize、format)等指定参数处理图片,以满足不同业务场景下的图片需求。

Shows the request/response flow between the image CDN and the client. Parameters like size and format are used to request variations of the same image.



图片CDN的URL格式

图片CDN不同,生成图片URL格式也会有差异。但总的来看,他们还是有些共通点的:

Image URLs typically consist of the following components: origin, image, security key, and transformations.

源(Origin)

图片CDN既可以用自己的域名,也可以用CDN服务商那边的域名。一般来说,第三方图片CDN服务商提供的自定义域名是要收费的。建议用自己的域名,这样以后更换图片CDN时不用再换域名。

示图中使用的是图片CDN服务商的域名("example-cdn.com"),前面加了一个自定义的子域名。


图片名(Image)

图片CDN生成的图片,通常会包含完整的URL,比如https://my-site.example-cdn.com/https://flowers.com/daisy.jpg/quality=auto。这个URL将检索、优化存储于https://flowers.com/daisy.jpg.上的图片。


安全密钥(Security key)

安全密钥可以防止别人修改你的图片。如果有安全密钥功能,创建新版本的图片就需要密钥。那些不知道安全密钥的人,无法修改图片参数。


转换(Transformations)

图片CDN有数十、或数百种变体。比较常见的转换包括尺寸、像素、格式、压缩等。一些图片CDN支持"自动转换",这种设置非常受欢迎。比如,为Edge浏览器提供JPEG格式,为谷歌浏览器提供Webp格式,为更老版本的浏览器提供JPEG格式。


图片CDN类型:

图片CDN可以分成两种:自营图片CDN、第三方图片CDN。


自营图片CDN

如果有相关技术人员维护站点,自营的图片CDN是个不错的选择。

Thumbor是唯一一款可自营的图片CDN。它确实开源、免费,但功能比大多数商业CDN的要少,文档也有一定局限。Wikipedia,Square和99designs这三个网站都有使用Thumbor。


第三方图片CDN

像很多提供付费服务器或其他设施的提供商一样,第三方图片CDN服务商则是靠图片优化和分发赚钱的。第三方图片CDN使用起来通常比较简单,一般10-15分钟就可以搞定。当然,如果是一个大型网站的整体迁移可能需要更长时间。第三方图片CDN通常是基于流量定价的,不少服务商都会提供免费试用。


怎样选择图片CDN??

市面上可供选择的图片CDN有很多。一些服务商提供的功能可能更为丰富。除了功能特性,大家在挑选图片CDN时也应考虑费用、技术支持、文档、安装/迁移难度等因素。最好在购买之前先试用下。