Creating Image and Video Manager Policies

An Image and Video Manager policy describes how to create a particular kind of derivative image set. Each policy defines how Image and Video Manager creates derivative images from pristine images.

Configure your Image and Video Manager policies using the information in the Image Manager Worksheet as a guide. Follow these steps to modify a policy set’s default policy or to add a new policy. Repeat for each policy.

Note: If you use multiple policy sets, check that you’re working with the correct set. Use the Policy Set Selector pane to change policy sets.

How to

  1. Log in to the Control Center.
  2. Go to > CDN > Image and Video Manager.
  3. Select Policy Manager.

    The Policy Manager page appears.

  4. In the Policy Set Selector pane, select the contract and then the policy set. Choose the policy set that you noted in the Image and Video Manager Worksheet.
  5. Click Manage Policies.
  6. Do one of the following:
    • Click Staging link for the Default Policy.
    • Click Add New Policy, and give it a name. A policy name must be unique within its policy set.

      The Policy Details page opens.

  7. In the Derivative Image Widths field, enter a comma-separated list of widths that represent the common image sizes for your site.
  8. From Derivative Image Quality, select one of the following:
    • Quality Level—specify quality as a numeric value.
    • Perceptual Quality—select a qualitative setting, like High.
    • Use Default—apply a setting effective in most cases.
  9. Optionally, use the “Add a transformation menu” to select the image transformations you want to apply (see Image Manager Transformations table).
  10. Click Activate, the orange button in the upper right corner.

    The main Policy Manager screen displays.

    Image and Video Manager Transformations
    Transformation Description
    Background Color Applies a background color, based on hex color codes (like #6a5acd), to transparent or semi-transparent regions.
    Crop Cuts the image down to an area you specify.
    Grayscale Renders the image in shades of black, white, and gray.
    Hue/Saturation/Lightness Changes the image’s colors using the HSL method, which allows you to shift an image’s colors, adjust the saturation level, and adjust the light/dark level.
    Max Colors Sets the maximum number of colors in the image’s palette. Reducing the number of colors can help reduce file size.
    Opacity Adjusts the image’s starting opacity, which is the lack of transparency within an image.
    Resize Changes an image’s size to fit a specific width and height.
    Rotate Rotates the image around its center by indicating the degrees of rotation.
    Scale Changes the image size relative to the starting size, expressed as a percentage of width and height.
    Shear Slants an image into a parallelogram as a portion of the starting width and/or height.
    Watermark/Composite Applies another image to the image you are transforming (called the base image), either as an overlay or an underlay. Adding a watermark is an example of using an overlay composite.