A thumbnail image is just a small, scaled version of the original image. You can automatically create a thumbnail image with the same aspect ratio as the original image using an Image and Video Manager policy. This reduces the number of images you need to store and maintain for your website.
Here's an example of an original image and the thumbnail that was created using an image policy.
With image policy applied:
Before you begin, you should know the URL of the image you want to crop, for example:
New Policy Manager UI
These instructions reflect the new beta version of Policy Manager. If you are using the original version, some things may have changed. To try the new beta, click Switch to BETA.
Log in to Akamai Control Center, then go to ☰ > CDN > Image and Video Manager.
Select the correct Contract from the list.
Create a new policy:
- Click +Create, then click Policy on the menu that appears.
- Select the policy set to which you wish to add the new policy.
- Give your new policy a name, for example, "thumbnail".
- Click Create.
The Image Policy Editor opens.
Click to expand the Image and Quality Settings section, then select Derivative Widths.
Enter the derivative image widths in pixels, for example, 80, 120, 160, and 240 px.
You may need to add multiple derivative widths for different thumbnail sizes, depending on how your website was created and whether it's responsive. Work with your website design team to identify the standard breakpoints and use cases for the thumbnails on your website.
These breakpoints maintain the aspect ratio of the source image.
Under Image and Quality Settings, select Derivative Quality.
Set the derivative image quality to the type and level your company has chosen, for example, Perceptual Quality and Medium High.
Click Save and Test on Staging.
impolicyquery string parameter to the end of the URL for the image you want to make into a thumbnail, for example:
Use the path or filename
As an alternative to the
impolicyquery string parameter, you can use either the path or file name to tell Image and Video Manager to apply your thumbnail policy. See Display images using the filename or path for more information.
Updated over 1 year ago