The image editing feature is available to apps and websites whose services use images. You must enable image editing before you can use it. This topic describes how to edit images. You can set parameters to resize, crop, and rotate images based on business requirements.
Enable image editing
- Log on to the Alibaba Cloud CDN console.
- In the left-side navigation pane, click Domain Names.
- On the Domain Names page, find the domain name that you want to manage and click Manage in the Actions column of the domain name.
- In the management pane of the domain name, click Optimization.
- In the Image Editing section, turn on Image Editing.
- In the Image Editing dialog box, follow the instructions to set the parameters.
Parameter Description Supported Image Formats Select the formats of images that you want to edit. Supported formats are JPEG, PNG, WebP, BMP, GIF, TIFF, and JPEG 2000. Automatic Conversion to WebP Turn on Automatic Conversion to WebP based on your business requirements. After you turn on Automatic Conversion to WebP, images in other formats are automatically converted to the WebP format.Notice After you enable automatic conversion to WebP, the cache hit ratio decreases. It automatically increases after a short period of time. Do not enable this feature during peak hours. Automatic Rotation Turn on Automatic Rotation based on your business requirements. After you turn on Automatic Rotation, images are automatically rotated to a proper orientation. Only images that carry the orientation parameter are rotated.Notice After you enable automatic conversion to WebP, the cache hit ratio decreases. It automatically increases after a short period of time. Do not enable this feature during peak hours. Automatic Compression Automatic compression supports only the JPEG and WebP formats. It compresses images without changing the width, height, or format of the images. Therefore, automatic compression can reduce the amount of data transfer.Automatic Compression is enabled by default. You can enable or disable automatic compression based on your business requirements. If you set Automatic Compression to 90%, the quality of images is changed to 90% of the original quality.
- 100%: disables automatic compression.
- Values other than 100%: enables automatic compression.
- Click OK. After you enable image editing, you must set actions and parameters for editing images.
Configure image editing
image_processobject to specify how you want to edit images. Separate multiple actions with forward slashes (/). Alibaba Cloud CDN edits images in order of actions. For example,
image_process=resize,w_200/rotate,90specifies that Alibaba Cloud CDN resizes images to a width of 200 pixels, and rotates images 90° clockwise.
Add parameters to the URL of an image
example.com: the domain name accelerated by Alibaba Cloud CDN.
example.jpg: the name of the image.
image_process: the object to which you can pass image editing parameters.
action, param_value: the action, parameter, and value that specify how the image is edited. For more information, see Actions.
|Convert image formats||format||Converts images to specified formats.|
|Change image quality||quality||Changes the quality of images.|
|Crop images||crop||Crops images based on specified sizes.|
|Resize images||resize||Resizes images to specified sizes.|
||Automatically rotates images that carry the orientation parameter to a proper orientation or rotates images clockwise based on a specified angle.|
|Change the color of an image||
||Adjusts the brightness, contrast, and sharpness of images.|
|Manage image watermarks||watermark||Adds picture or text watermarks to images.|
|Query image information||info||Queries image information, including the width, height, format, and quality.|