---
title: "WebP Image Options"
description: "Images are needed for many Components. With WebP Image Optimization is possible."
path: https://www.eonshowroom.eon.com/en/aem-basics/webp-image-options.html
lastModified: 2025-02-03T14:30:56.546Z
---

# WebP Image Options

# WebP Image Options

![Trees](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/GettyImages-857441852-1%3A2-1?qlt=30&fmt=webp)

![Trees](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/GettyImages-857441852-1%3A2-1?qlt=90&fmt=webp)

### Description

Images are needed for many Components.

WebP Image Optimization is a Technique for compressing Images in the WebP Format to reduce File Size and improve Webpage Loading Times.

It is a Format that offers better Compression than traditional Image Formats like JPEG and PNG.

By using WebP Optimization Techniques, Images can be loaded faster without losing Quality, which can help improve the User Experience on a Website.

- The Standard Quality in AEM is set to 50% - This is a good Compromize between Page Performance and Image Quality
- Editor can adjust Image Loading Width per Image
- Editor can adjust Image Quality centrally via CA-Config or per Image

##### DO's

- Always crop the Image.
- Always check it on all Viewports.
- Think about Page Performance vs. Image Quality: 50% Quality is a good Compromize between Page Performance and Image Quality

##### DONT's

- Do not use WebP Quality and Width on individual Images to often as we recommend a General Configuration in FoundationNg Site Config

## Configuration

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/EON_Pattern_4-1%3A3-1?fmt=webp-alpha)

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/webp_foundation-ng_site-config%3A1-1?fmt=webp)

### General Configuration in CAC

For WebP Image Optimization it is possible to define the default WebP Image Quality in FoundationNg Site Config.

The Standard is set to 50. This is a good Compromize between Page Performance and Image Quality.

If better Performance is wanted, it could be reduced to 40, which results in lower Image Quality. For High Quality Images 70 or 80 can be set, having negative Impact on Performance.

[Read more about FoundationNg Site Config](https://www.eonshowroom.eon.com/en/aem-basics/configuration-pages/foundationng-site-config.html)

![](https://www.eonshowroom.eon.com/cdm-assets/is/image/eon/webp_per-image%3A1-1?fmt=webp)

### Configuration for WebP

Editor can adjust WebP Options per Image and Viewport, if not Default Configuration of FoundationNg Site Config should be used.

It is possible to select Image Quality and WebP Image Width on each Image Tab.

Furthermore, WebP can be disabled. When WebP is disabled, then the normal Image (.jpg, .png, etc.) will be used.

[Read more about Image Component](https://www.eonshowroom.eon.com/en/content-elements/image.html)

[Read more about Image Handling](https://www.eonshowroom.eon.com/en/aem-basics/image-handling.html)