tencent cloud

PrevNext

Feedback

search by keyword

Recent Pages

Documentation
Documentation

Cropping

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

    Feature Overview

    CI uses the imageMogr2 API to crop images, including regular cropping, scaling and cropping, cropping to circle, rounded corner cropping, and smart face cropping.
    An image can be processed:
    During download
    During upload
    In the cloud

    Restrictions

    Format: Currently, JPG, BMP, GIF, PNG, and WebP images can be processed, and HEIF images can be decoded and processed.
    Size: The input image cannot be larger than 32 MB, with its width and height not exceeding 30,000 pixels respectively, and the total number of pixels not exceeding 250 million. The width and height of the output image cannot exceed 9,999 pixels respectively. For an animated input image, the total number of pixels (width * height * number of frames) cannot exceed 250 million.
    Frames (for animated images): For GIF images, the number of frames cannot exceed 300.

    API Sample

    1. Processing during download

    GET /<ObjectKey>?imageMogr2/cut/<width>x<height>x<dx>x<dy>
                               /crop/<imageSizeAndOffsetGeometry>
                               /iradius/<radius>
                               /rradius/<radius>
                               /scrop/<Width>x<Height> HTTP/1.1
    Host: <BucketName-APPID>.cos.<Region>.myqcloud.com
    Date: <GMT Date>
    Authorization: <Auth String>
    Note:
    Spaces and line breaks above are for readability only and can be ignored.

    2. Processing during 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": "imageMogr2/cut/<width>x<height>x<dx>x<dy>
                           /crop/<imageSizeAndOffsetGeometry>
                           /iradius/<radius>
                           /rradius/<radius>
                           /scrop/<Width>x<Height>"
      }]
    }
    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": "imageMogr2/cut/<width>x<height>x<dx>x<dy>
                           /crop/<imageSizeAndOffsetGeometry>
                           /iradius/<radius>
                           /rradius/<radius>
                           /scrop/<Width>x<Height>"
      }]
    }
    Note:
    Authorization: Auth String (for more information, see Request Signature).
    When this feature is used by a sub-account, relevant permissions must be granted. For more information, see Authorization Granularity Details.

    Parameters

    Parameter
    Description
    ObjectKey
    Object name, such as folder/sample.jpg.
    /ignore-error/1
    If this parameter is carried and the image fails to be processed because the image is too large or a parameter value exceeds the limit, the input image will be returned with no error reported.

    Parameters for regular cropping

    Operation name: cut.
    Parameter
    Description
    <width>
    Width of the output image
    <height>
    Height of the output image
    <dx>
    Horizontal offset relative to the top-left vertex
    <dy>
    Vertical offset relative to the top-left vertex
    Note:
    The values should be greater than 0 and smaller than the width/height of the input image.

    Parameters for scaling and cropping

    Operation name: crop.
    Parameter
    Description
    /crop/<Width>x
    Width of the output image with the height unchanged. The value must be greater than 0 and smaller than the width of the input image.
    /crop/x<Height>
    Height of the output image with the width unchanged. The value must be greater than 0 and smaller than the height of the input image.
    /crop/<Width>x<Height>
    Width and height of the output image. The values of width and height should be greater than 0 and smaller than those of the input image, respectively.
    When performing scaling and cropping, you can also use the gravity parameter to specify the start position of the operation. For more information, see [Scaling and cropping](#Scaling and cropping).

    Parameters for cropping to circle

    Operation name: iradius.
    Parameter
    Description
    /iradius/<radius>
    Crops to a circle. radius specifies the radius of the inscribed circle, which should be an integer greater than zero and less than half of the shorter side of the input image. The center of the inscribed circle is the center of the image. This operation is not supported for GIF images.

    Parameters for rounded corner cropping

    Operation name: rradius.
    Parameter
    Description
    /rradius/<radius>
    Crops with round corners. radius specifies the radius of the rounded corner of the image, which should be an integer greater than zero and less than half of the shorter side of the input image. The two sides of the image are the tangent lines of the rounded corner. This operation is not supported for GIF images.

    Parameters for smart face cropping

    Operation name: scrop.
    Parameter
    Description
    /scrop/<Width>x<Height>
    Scales and crops an image based on the face position in the image. The width and height of the target image are specified by Width and Height respectively.

    3x3 Grid Position Diagram

    The 3x3 grid position diagram is as follows. Once you specify the gravity parameter for an operation, the corresponding red dot becomes the reference point, and offsets will be relative to this point.
    
    
    Note:
    If gravity is set to center, dx and dy are invalid.
    If gravity is set to north or south, dx is invalid.
    If gravity is set to west or east, dy is invalid.

    Samples

    Note:
    Processing during 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 the processing during upload or processing in-cloud data feature.

    Sample 1: Regular cropping

    This example shows how to translate by 100 px horizontally to the right and 10 px vertically to the bottom relative to the top-left vertex of the input image and then crop it according to the specified target image resolution of 600x600 px.
    http://examples-1251000004.cos.ap-shanghai.myqcloud.com/sample.jpeg?imageMogr2/cut/600x600x100x10
    Input image:
    
    
    Output image:
    
    

    Sample 2: Scaling and cropping

    This example shows how to scale and crop an image to 300x400 px by using the center as the reference point.
    http://examples-1251000004.cos.ap-shanghai.myqcloud.com/sample.jpeg?imageMogr2/crop/300x400/gravity/center
    Output image:
    
    

    Sample 3: Cropping to circle

    This example shows how to crop the input image to a circle with the radius of 200.
    http://examples-1251000004.cos.ap-shanghai.myqcloud.com/sample.jpeg?imageMogr2/iradius/200
    Output image:
    
    

    Sample 4: Rounded corner cropping

    This example shows how to crop the input image to rounded corners with the radius of 100.
    http://examples-1251000004.cos.ap-shanghai.myqcloud.com/sample.jpeg?imageMogr2/rradius/100
    Output image:
    
    

    Sample 5: Smart face cropping

    This example shows how to crop the input image to the specified resolution of 100x600 px based on the face position in the image.
    http://examples-1251000004.cos.ap-shanghai.myqcloud.com/sample.jpeg?imageMogr2/scrop/100x600
    Note:
    If no face is recognized, the input image will be returned.

    Sample 6: Smart face cropping 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 concatenated with other processing parameters by an ampersand (&).
    http://examples-1251000004.cos.ap-shanghai.myqcloud.com/sample.jpeg?q-sign-algorithm=<signature>&imageMogr2/scrop/100x600
    Note:
    You can get the value of <signature> as instructed in 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 sample 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