Добавление изображений с расширением svg и webp

Добавление изображений с расширением  svg и webp.

1. В настройках инфоблока создаем новое свойство типа "Файл".

2. Переходим в настройки свойства и устанавливаем  необходимые расширения для данного свойства

3. Переходим в настройки шаблона компонента и добавляем код для вывода свойства ATT_IMG

Код для news.list

<?if($arItem["PROPERTIES"]["ATT_IMG"]["VALUE"]):?>

 <img src="<?= CFile::GetPath($arItem["PROPERTIES"]["ATT_IMG"]["VALUE"]);?>" alt="<?=$arItem["NAME"]?>" title="<?=$arItem["NAME"]?>">
 <?endif;?>

Код для news.detail

<?if($arResult["PROPERTIES"]["ATT_IMG"]["VALUE"]):?>

 <img src="<?= CFile::GetPath($arResult["PROPERTIES"]["ATT_IMG"]["VALUE"]);?>" alt="<?=$arResult["NAME"]?>" title="<?=$arResult["NAME"]?>">
 <?endif;?>

При необходимости задаем размеры изображения.