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

Использование элемента 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.