tencent cloud

PrevNext

Feedback

search by keyword

Recent Pages

Documentation
Documentation

Quick Thumbnail Template

Last updated: 2024-02-18 10:36:35

    Feature Overview

    CI uses the imageView2 API to provide a common image processing template. You can append parameters to the download URL to generate the desired thumbnail. The input image cannot be larger than 32 MB, with its width and height not exceeding 30,000 pixels and the total number of pixels not exceeding 250 million. The width and height of the output image cannot exceed 9,999 pixels. For an input animated image, the total number of pixels (width x height x number of frames) cannot exceed 250 million (GIF frame limit: 300).
    An image can be processed:
    Upon download
    Upon upload
    In cloud

    API Format

    1. Processing upon download

    GET /<ObjectKey>?imageView2/<mode>/w/<Width>
                                      /h/<Height>
                                      /format/<Format>
                                      /q/<Quality>
                                      /rq/<Quality>
                                      /lq/<Quality> HTTP/1.1
    Host: <BucketName-APPID>.cos.<Region>.myqcloud.com
    Date: <GMT Date>
    Authorization: <Auth String>
    Note:
    Quality parameters apply only to images in JPG and WebP formats.

    2. Processing upon upload

    PUT /<ObjectKey> HTTP/1.1
    Host: <BucketName-APPID>.cos.<Region>.myqcloud.com
    Date: GMT Date
    Authorization: Auth String
    Pic-Operations: 
    {
      "is_pic_info": 1,
      "rules": [{
          "fileid": "exampleobject",
          "rule": "imageView2/<mode>/w/<Width>
                     /h/<Height>
                     /format/<Format>
                     /q/<Quality>
                     /rq/<Quality>
                     /lq/<Quality>"
      }]
    }
    Note:
    Pic-Operations is a JSON string. Its parameters are as described in Persistent Image Processing.

    3. Processing in-cloud data

    POST /<ObjectKey>?image_process HTTP/1.1
    Host: <BucketName-APPID>.cos.<Region>.myqcloud.com
    Date: GMT Date
    Content-length: Size
    Authorization: Auth String
    Pic-Operations: 
    {
      "is_pic_info": 1,
      "rules": [{
          "fileid": "exampleobject",
          "rule": "imageView2/<mode>/w/<Width>
                     /h/<Height>
                     /format/<Format>
                     /q/<Quality>
                     /rq/<Quality>
                     /lq/<Quality>"
      }]
    }
    Note:
    Authorization: Auth String (See Request Signature for details.)
    When this feature is used by a sub-account, relevant permissions must be granted as instructed in Authorization Granularity Details.

    Parameters

    Parameter
    Description
    ObjectKey
    Object name, such as folder/sample.jpg.
    /1/w/<Width>/h/<Height>
    Specifies the minimum width and height of the thumbnail. In this mode, the image will be first scaled down until one of the minimum values set is reached. Then, the image will be centered and evenly cropped on both sides to meet the specified values. If only one value is set, a square thumbnail will be generated. For example, if the input image size is 1000x500 and this parameter is set to ?imageView2/1/w/500/h/400, the image will be scaled down to 800x400 first. Then, 150 pixels will be cropped from the left and right sides respectively, outputting a 500x400 thumbnail.
    /2/w/<Width>/h/<Height>
    Specifies the maximum width and height of the thumbnail. In this mode, the image is scaled down until both the width and length are not greater than the maximum values set. For example, if the input image size is 1000x500 and this parameter is set to ?imageView2/2/w/500/h/400, the image is scaled down to 500x250. If only one value is set, the image will be adapted.
    /3/w/<Width>/h/<Height>
    Specifies the minimum width and height of the thumbnail. In this mode, the image will be scaled down until both the width and height are not smaller than the minimum values set. For example, if the input image size is 1000x500 and this parameter is set to ?imageView2/3/w/500/h/400, the image will be scaled down to 800x400. If only one value is set, a square thumbnail will be generated.
    /4/w/<LongEdge>/h/<ShortEdge>
    Mode 4: specifies the minimum values of the long edge and short edge of the thumbnail to scale down the image. If only one value is set, a square thumbnail will be generated.
    /5/w/<LongEdge>/h/<ShortEdge>
    Mode 5: specifies the maximum values of the long edge and short edge of the thumbnail to scale down the image. The image will be then centered and cropped. If only one value is set, a square thumbnail will be generated. After the scaling, the excess will be cropped.
    /format/<Format>
    Format of the thumbnail, which can be JPG, BMP, GIF, PNG, or WebP. Default value: format of the input image
    /q/<Quality>
    Image quality. Value range: 0−100. Default value: quality of the input image. The smaller value between the input image quality and the specified quality will be used. If there is an exclamation mark (!) after &lt;Quality>, the specified quality will be used.
    /rq/<quality>
    Relative quality of the image, relative to that of the input image. Value range: 0−100. For example, if the input image quality is 80 and rquality is set to 80, the quality of the output image is 64 (that is, 80 x 80%).
    /lq/<quality>
    The lowest quality of the output image. Value range: 0−100. If the input image quality is 85 and lquality is set to 80, the quality of the output image is 85. If the input image quality is 60 and lquality is set to 80, the quality of the output image will be improved to 80.

    Examples

    Note:
    Processing upon download is used as an example here, which does not store the output image in a bucket. If you need to store the output image, see Persistent Image Processing and use Processing upon upload or Processing in-cloud data.

    Example 1: Using mode 1

    The following example uses mode 1, and sets the minimum width and height of the thumbnail to 400x600, and the absolute quality to 85:
    http://examples-1251000004.cos.ap-shanghai.myqcloud.com/sample.jpeg?imageView2/1/w/400/h/600/q/85
    Generated thumbnail:
    
    

    Example 2: Using mode 1 with a signature carried

    This example processes the image in the same way as in the example above except that a signature is carried. The signature is joined with other processing parameters using an ampersand (&):
    http://examples-1251000004.cos.ap-shanghai.myqcloud.com/sample.jpeg?q-sign-algorithm=<signature>&imageView2/1/w/400/h/600/q/85
    Note:
    You can obtain the value of <signature> by referring to Request Signature.

    Notes

    To prevent unauthorized users from accessing or downloading the input image by using a URL that does not contain any processing parameter, you can add the processing parameters to the request signature, making the processing parameters the key of the parameter with the value left empty. The following is a simple example for your reference (it might have expired or become inaccessible). For more information, see Upload via Pre-Signed URL.
    http://examples-1251000004.cos.ap-shanghai.myqcloud.com/sample.jpeg?q-sign-algorithm=sha1&q-ak=AKID********************&q-sign-time=1593342360;1593342720&q-key-time=1593342360;1593342720&q-header-list=&q-url-param-list=watermark%252f1%252fimage%252fahr0cdovl2v4yw1wbgvzlteyntewmdawmdqucgljc2gubxlxy2xvdwquy29tl3nodwl5aw4uanbn%252fgravity%252fsoutheast&q-signature=26a429871963375c88081ef60247c5746e834a98&watermark/1/image/aHR0cDovL2V4YW1wbGVzLTEyNTEwMDAwMDQucGljc2gubXlxY2xvdWQuY29tL3NodWl5aW4uanBn/gravity/southeast
    
    Copyright © 2013-2024 Tencent Cloud. All Rights Reserved.
    Privacy PolicyLegalCookie Policy