Skip to main content
Version: 2.x

Akamai Image Manager

Since version 2.24

Automatically optimize and enhance visual media for every user, on any device, at edge with Akamai.

Installation​

Add the akamai-image-manager module to your config file:

.front-commerce.js
module.exports = {
  name: "Front Commerce",
  modules: [
    "./node_modules/front-commerce/theme-chocolatine",
    "./node_modules/front-commerce/modules/akamai-image-manager",
    "./src",
  ],
};

Configuration​

The akamai-image-manager module works out-of-the-box without requiring any changes to your existing image configuration. It however supports additional configurations for specific use cases.

Configuration is available under the akamai key of the src/config/images.js config.

Using Image Manager for a subset of images​

You can customize the akamai.paths value to limit images handled by image manager to only a subset of paths. This option accepts an array of paths. Only images under this path will be handled by the image manager adapter. Default value is ["/"] (all images).

Example:

src/config/images.js
module.exports = {
  // […]
  akamai: {
    paths: [
      "/media",
      "/cms/images/",
    ],
  },
};

Akamai configuration​

The adapter uses Akamai's IMQueries to handle transformation on images, with the default im as variable name.

info

In Front-Commerce Cloud, Akamai Image Manager isn't enabled by default. Please contact us if you plan to use this feature.