Форматы файлов изображений

Использование элемента picture

Элемент picture можно использовать с операцией format-<type> для указания различных форматов изображений и позволить браузеру выбрать предпочтительный. Например:

{% load wagtailimages_tags %}

<picture>
    {% image myimage width-1000 format-webp as image_webp %}
    <source srcset="{{ image_webp.url }}" type="image/webp">

    {% image myimage width-1000 format-png as image_png %}
    <source srcset="{{ image_png.url }}" type="image/png">

    {% image myimage width-1000 format-png %}
</picture>

Настройка форматов вывода

По умолчанию все bmp и webp изображения преобразуются в формат png при отсутствии указания формата вывода изображения.

Преобразование по умолчанию можно изменить, установив WAGTAILIMAGES_FORMAT_CONVERSIONS в словарь, который сопоставляет тип входных данных с типом выходных данных.

Например:

WAGTAILIMAGES_FORMAT_CONVERSIONS = {
    'bmp': 'jpeg',
    'webp': 'webp',
}

преобразует bmp изображения в jpeg и отключит преобразование webp в png по умолчанию.