Image processing mode | Configure IMG parameters | Add image style parameters |
IMG URL | https://bucketname.endpoint/objectname?x-oss-process=image/action,parame_value | https://bucketname.endpoint/objectname?x-oss-process=style/stylename |
Parameter | https://bucketname.endpoint/objectname : the URL of the image object. For more information about how to obtain the URL of an object, see How do I obtain the URL of an uploaded object? x-oss-process=image/ : a fixed parameter, which indicates that the image object is processed by adding IMG parameters. action, param_value : the action, parameter, and value of an IMG operation. These parameters determine the IMG operation that is used to process the image object. Separate multiple operations with forward slashes (/). OSS processes images in the order of IMG parameters. For example, image/resize,w_200/rotate,90 indicates that OSS resizes the image to the width of 200 pixels, and then rotates the image 90 degrees. For more information about the supported IMG parameters, see IMG parameters.
| https://bucketname.endpoint/objectname : the URL of the image object. For more information about how to obtain the URL of an object, see How do I obtain the URL of an uploaded object? x-oss-process=style/ : a fixed parameter, which indicates that the image object is processed by adding image style parameters. stylename : the name of the style that you set in the OSS console. For more information about how to specify an image style, see Create an image style.
If a custom delimiter is specified, you can use the delimiter to replace ? x-oss-process=style/ . This simplifies the IMG URL. For example, if you set the delimiter to an exclamation point (!), the URL of the processed image object is <https://bucketname.endpoint/objectname!stylename . For more information about how to configure custom delimiters, see the "Configure source image protection" section in Configure image styles. |
Example | https://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=image/resize,w_300/quality,q_90 | https://image-demo.oss-cn-hangzhou.aliyuncs.com/example.jpg?x-oss-process=style/panda_style |