> For the complete documentation index, see [llms.txt](https://clients.medianova.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://clients.medianova.com/products/performance-cdn/image-optimization-and-webp/avif-optimization.md).

# AVIF Optimization

Configure AVIF Optimization to automatically deliver smaller AVIF versions of eligible JPG images to supported browsers.

**AVIF Optimization** enables Medianova CDN to generate and deliver AVIF versions of eligible JPG images. AVIF provides efficient image compression and can significantly reduce transfer size while maintaining visual quality.

The original image remains unchanged at the origin, while format selection and delivery are handled by the CDN.

{% hint style="info" %}
AVIF Optimization can reduce image size by up to 90% compared with the original image. Actual reduction depends on the characteristics of the source image.
{% endhint %}

AVIF Optimization is configured per CDN Resource in the [Medianova Control Panel](https://cloud.medianova.com).

## How AVIF Optimization Works

When AVIF Optimization is enabled:

* Eligible JPG images can be delivered in AVIF format.
* The CDN determines whether the requesting browser supports AVIF.
* Supported browsers receive the AVIF version.
* Browsers without AVIF support receive the original image format.
* Original images at the origin remain unchanged.
* Existing image URLs do not require modification.

This allows AVIF delivery to be introduced without maintaining separate AVIF image URLs in your application.

## Configure AVIF Optimization

{% stepper %}
{% step %}

### Open Images

Open your CDN Resource and navigate to **Optimization → Images**.
{% endstep %}

{% step %}

### Enable AVIF Optimization

Enable the **AVIF Optimization** toggle.
{% endstep %}

{% step %}

### Save the Configuration

Select **Save** in the pending changes bar.

Review the pending configuration changes and confirm the update.
{% endstep %}
{% endstepper %}

## Delivery Behavior

AVIF delivery is determined automatically according to browser support.

| Client                       | Delivered Format |
| ---------------------------- | ---------------- |
| Browser with AVIF support    | AVIF             |
| Browser without AVIF support | Original JPG     |

The application does not need to maintain separate URLs for AVIF and original image variants.

## Benefits

* Can reduce image transfer size by up to 90% compared with the original image.
* Reduces bandwidth usage for eligible images.
* Maintains visual quality at smaller file sizes.
* Does not require separate AVIF assets to be referenced by the application.
* Provides automatic fallback for browsers without AVIF support.

{% hint style="info" %}
The actual file size reduction varies according to the source image and conversion characteristics. The maximum reduction should not be interpreted as a guaranteed result for every image.
{% endhint %}

## Important Notes

* AVIF Optimization applies to eligible JPG source images.
* Browser compatibility is handled automatically by the CDN.
* Unsupported clients receive the original JPG image.
* Original images at the origin are not modified.
* Existing image URLs do not require modification.

## Related Concepts

* [Image Optimization](/products/performance-cdn/image-optimization-and-webp/image-optimization.md)
* [WebP Optimization](/products/performance-cdn/image-optimization-and-webp/webp.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

```
GET https://clients.medianova.com/products/performance-cdn/image-optimization-and-webp/avif-optimization.md?ask=<question>&goal=<user_goal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.