Skip to content

How to use Image Service

Ivan Chou edited this page Nov 7, 2018 · 21 revisions

如何使用阿里云 OSS 图片服务

TL;DR

关于图片服务

本插件中的 图片服务 是指 阿里云OSS图片处理服务:

阿里云OSS图片处理服务(Image Service,简称 IMG) ,是阿里云OSS对外提供的海量,安全,低成本高可靠的图片处理服务。用户将原始图片上传保存在OSS上,通过简单的 RESTful 接口,在任何时间、任何地点、任何互联网设备上对图片进行处理。图片处理服务提供图片处理接口,图片上传请使用OSS上传接口。基于IMG,用户可以搭建出跟图片相关的服务。

更多信息请参照:对象存储 OSS_图片服务手册_介绍-阿里云产品文档

WordPress 在用户上传图片时,根据预设尺寸生成多份不同大小的缩略图,以供页面适配。这种方式虽然有效但很不灵活,如切换主题的时候,之前的图片尺寸便极可能与新主题不一致。

Aliyun IMG 就是为了解决这类问题而出现的,它可以通过在图片 Url 后面传参来实时生成各种尺寸的图片,只需要存一张原图,就可以在任何时候满足任何需求。IMG 服务十分高效,加上 CDN 的配合,响应速度与直接访问静态资源并没有区别。

因此,强烈推荐使用 图片服务 ,这才是本插件的精髓ヾ(=^▽^=)ノ


启用图片服务

在插件配置页面,勾选『图片服务』选项即可

需要注意的是,启用『图片服务』之后,插件不再会上传 WordPress 生成的缩略图到 OSS 中,但是服务器上依旧有保留各尺寸的缩略图


图片预设样式

什么是预设样式

启用『图片服务』后,WordPress 中的图片地址会变成如下形式:

https://yourhost/2016/12/001.jpg?x-oss-process=image/resize,m_fill,h_357,w_480

可以看到,图片尺寸是显式的出现在图片 Url 里面,使得图片 Url 看上去很长,不甚美观。另一方面,当我们修改 WordPress 的图片尺寸设置或者更换主题的时候,会发现之前被引用的图片还是老的尺寸参数,这便是在 Url 硬编码图片尺寸导致的。

阿里云的图片服务中,还有一项『图片样式』的功能,用预定义的图片样式来代替显式的 Url 参数,使用后图片的 Url 变成了:

https://yourhost/2016/12/001.jpg?x-oss-process=style/medium

启用预设样式

勾选『图片预设样式』后,会出现『点击下载图片样式配置文件』的链接,将配置文件下载下来导入到阿里云上即可


原图保护

阿里云 OSS 提供了原图保护功能,需要先在阿里云控制台开启

开启后,不能再通过 OSS 链接访问原图,而是会通过

https://yourhost/2016/12/001.jpg?x-oss-process=style/full

这样的链接,full 是一个特殊的样式,它不会对图片进行缩放处理,但是你可以通过配置让它给图片加上水印


自定义分割符

前文的图片 Url 里都出现了 ?x-oss-process= 这样的参数,这是阿里云图片服务默认的规则,阿里云还提供另外几种可选的分割符

此功能需要阿里云控制台和插件两边都做相应的配置才可生效,启用后图片 Url 如:

https://yourhost/2016/12/001.jpg@!medium