WebP Delivery - CMCC 13

Last updated 8 minutes ago
Select a version:

Learn how to deliver your images as WebP

LightbulbWhat you will learn

  • Enable CAE and Headless Server to deliver WebP images

Person reading a bookPrerequisites

  • A CoreMedia self-managed development system

Person in front of a laptopTarget Audience

This guide is for Developers, Administrators.

WebP is an image format developed by Google. WebP provides lossless and lossy compression where lossless compressed images are around 26% smaller than PNG images.

This guide applies to self-managed installations of CoreMedia Content Cloud. If you use the shared Blob Service and Image Transformation Service of CoreMedia Content Cloud - Service, WebP (and AVIF) delivery is already supported out of the box and none of the steps below are required. See Features of the Blob Service and Image Transformation for details.

The built-in image transformation allows you to deliver images from the CoreMedia repository in different formats. However, delivering your images transformed to WebP requires a third-party library which is, due to licensing issues, not bundled with CoreMedia Content Cloud. In the following examples, the webp-imageio library is used, but there are other libraries out there, which you can also integrate. In addition, a small amount of configuration is required.

The webp-imageio library is only mentioned as an example. It is not tested by CoreMedia. You have to carefully select a library that fits your needs and fulfills your security and compliance requirements.

Enabling WebP Delivery for the CAE

  1. In your workspace, add the following dependency to the POM files of your Preview CAE and Live CAE in apps/cae/spring-boot/cae-preview-app and apps/cae/spring-boot/cae-live-app respectively.

    <dependency>
      <groupId>org.sejda.imageio</groupId>
      <artifactId>webp-imageio</artifactId>
      <version>0.1.6</version>
      <scope>runtime</scope>
    </dependency>
  2. In Studio use the struct linkMimeTypeMapping to map your source image format to the WebP format. See the paragraph MIME Type Mapping in the Blueprint Developer Manual for details.

Enabling WebP Delivery for the Headless Server

  1. In your workspace, add the following dependency to the POM files of your Headless Server app in apps/headless-server/modules/headless-server/headless-server-base.

    <dependency>
      <groupId>org.sejda.imageio</groupId>
      <artifactId>webp-imageio</artifactId>
      <version>0.1.6</version>
      <scope>runtime</scope>
    </dependency>
  2. Add the WEBP file format extension to the file content-schema.graphql in apps/headless-server/modules/headless-server/headless-server-base/src/main/resources.

    enum ImageFormat {
    JPG
    JPEG
    PNG
    GIF
    WEBP
    }
Select a version:
Copyright © 2026 CoreMedia GmbH, CoreMedia Corporation. All Rights Reserved.Privacy | Legal | Imprint
Loading...