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

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