CODEWITHSUNDEEP
htmlimagepngbrowser-supportavif
JohannesDev
JohannesDev

Reputation: 51

How do display .avif images in not supporting browsers?

i want to all my big .png files to .avif . But Browsers like MS Edge etc. do not support .avif images. Is there any way to display .avif files in f.e. Edge, or provide the Browser two images (.png and .avif) and the browser decides, which image to display?

My Code:

<a href="./"><img src="img/logo.avif" alt="Logo – Test"></a>

Upvotes: 2

Views: 5128

Answers (3)

Anurag Singh
Anurag Singh

Reputation: 1

You can also try to change the file type by renaming it to (file name).jpg in your file explorer, then using it in your IDE might work perfectly

Upvotes: 0

user1069816
user1069816

Reputation: 2911

Since January 2024 Edge (and all major browsers) support AVIF files

Upvotes: 0

harry
harry

Reputation: 167

There is no way to display .avif file in MS Edge, but there is a way for the browser to decide which format to display.

<a href="./">
  <picture>
    <source srcset="img/logo.avif" type="image/avif">
    <source srcset="img/logo.png" type="image/png">
    <img src="img/logo.png" alt="Logo – Test">
  </picture>
</a>

Upvotes: 5

Related Questions