check-Format-Img

checkFormatImg.js

async function supportsImgType(type) {
  const img = document.createElement('img');
  await document.createElement('picture').append(
    Object.assign(document.createElement('source'), {
      srcset: 'data:,x', // валидный урл не дергающий сеть
      type,
    }),
    img
  );
  return !!img.currentSrc; // если браузер умеет, заполнит значение currentSrc
}

for (const type of ['image/png', 'image/jpeg', 'image/webp', 'image/avif']) {
  supportsImgType(type).then(supported => console.log(`${type}: ${supported}`));
}