Create Picture Styles

Last updated:2020-08-21 18:14:28

Create picture styles

Picture processing is the function of generating thumbnails and adding watermarks provided by Kingsoft Cloud in addition to basic service of data storage. Each Bucket supports creating 100 picture styles. For the convenience of developers, the pre-defined image processing styles can greatly shorten the length of the request URL, with better readability.

Operation steps:

Enter the management console and select the Bucket where to create custom thumbnails.
Enter the picture processing module, and click【Create Style】.


After clicking [New Picture Style], you will enter the stage of creating the thumbnail styles. At this stage, you need to set the style name, thumbnail size, automatic rotation, center cropping, picture format, and picture quality. The width and height of the original image will be displayed on the right side of the “picture style generation” window. In the process of adjusting the style, the thumbnail effect will be displayed in real time in the effect frame. The reduced width and height are displayed via the ruler.


  1. Style name: Later, this name will be used as an alias for the entire style.

  2. Rules for thumbnail size:

  • Set only the thumbnail width, and perform proportional scaling according to the width;
  • Set only the thumbnail height, and perform proportional scaling according to the height;
  • Set the width and height, and perform proportional scaling according to the long side, if the short-side priority is not set;
  • Set the width and height, and perform proportional scaling according to the short side, if the short-side priority is set;
  • Center cropping. After scaling, center cropping will be performed on the content beyond the set range. Such cropping will occur only when the thumbnail width and height are set.
  • If the fixed width and height are set, when selecting the cropping, center cropping will be operated according to the fixed width and height.
  1. Rotation mode: You can choose “not to set rotation”, “automatic rotation according to exif”, and “rotation according to a custom angle”.

  2. Picture output formats: Pictures can keep their original formats, or you can choose the formats you need to save, supporting JPG, JPEG, PNG, GIF, WBMP, BMP and other formats.

  3. Thumbnail saving: It is used to be compatible with the thumbnails of other manufacturers. If this option is selected, assuming the uploaded file’s name is picture.jpg and the picture suffix entered is ​​_200150.jpg, then based on the set style format, a file named picture.jpg__200150.jpg will be automatically generated under the uploaded Bucket.

Note: If the original image protection function is selected, the thumbnail protection function will not work. You need to first turn off the original image protection function.

  1. Adjust the picture quality: The size of the generated picture can be reduced. Adjusting the picture quality will affect the actual effect of the picture, so please adjust reasonably as needed.

  2. Choose not to add a watermark, as shown below:


Watermark style

You can add a text watermark or a picture watermark to a picture. The customizable items are as follows:

  • Set the watermark’s text content. Note: If the texts entered are beyond the picture’s display range, the watermark will fail to be added. Please pay attention to the changes in the effect picture when entering texts;
  • Set the transparency of the watermark;
  • Set the font, size and color of the texts. The unit of font size is Twip. 1 Twip = 96 DPI / 1440 TPI = 0.0666667 Pixels;

Set the position of the watermark. You can further fine-tune them by setting the X-axis margin and Y-axis margin, which refer to the horizontal and vertical distances between the watermark and the edges of the picture, respectively, as shown below:


Thumbnail + Watermark: You can add a watermark on the basis of thumbnails of pictures. The processing order of thumbnail and watermark is to make the thumbnail first and then add the watermark.


Did you find the above information helpful?

Mostly Unhelpful
A little helpful
Very helpful

What might be the problems?

Unclear or awkward
Redundant or clumsy
Lack of context for the complex system or functionality

More suggestions


Please give us your feedback.


Thank you for your feedback.