Add text overlay to an image

Add text overlay to an image to advertise sales, announce a new product, or highlight exciting information. You can add text overlay your images using the Composite (Watermark) transformation.

Example of the impact on images

Here's the image before and after text overlay is applied to announce a holiday sale:

Original image:

image before text overlay

With text overlay:

image after text overlay

How to

  1. Log in to ​Akamai Control Center​, then go to > CDN > Image and Video Manager.

  2. Select the correct Contract from the list.

  3. 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, "text_overlay".
    • Click Create.

    The Image Policy Editor opens.

  4. Click + to open the list of Transformations.

  5. Click Composite (Watermark).

  6. To create the text for your overlay:

    • In the left menu, under Transformations, click Image.
    • Change Image Type to "Text".
    • Enter the text you wish to apply to your image.
    • Configure the Optional Settings to customize your text.
  7. To adjust the placement of your text:

    • In the left menu, under Transformations, click Composite (Watermark).
    • Select the Gravity, which is the anchor point for the text ((North, South, East, West, and so on.
    • Change the horizontal and vertical offsets from the anchor point.
  8. Refresh the preview pane to preview the text overlay.

  9. When you are satisfied with your text overlay, click Save and Test on Staging.