Estoy tratando de renderizar una imagen con el siguiente código:
<picture> <source srcset="https://75tm.gr/GFXS1205/2048/GFXS1205.avif"> <source srcset="https://75tm.gr/GFXS1205/2048/GFXS1205.webp"> <img src="https://75tm.gr/GFXS1205/2048/GFXS1205.jpg"> </picture> En los navegadores Safari, la imagen no se procesa en absoluto. Si elimino la primera source que tiene el formato .avif , entonces Safari muestra correctamente la imagen alternativa .jpg .
¿Es esto un error de Safari? Si es así, esto realmente impide el uso del formato .avif . ¿Alguien sabe de alguna solución?
Safari no puede retroceder si no proporciona el atributo de type . Así que necesitas algo como esto (probado en Safari, funciona bien para mí):
<picture> <source srcset="https://75tm.gr/GFXS1205/2048/GFXS1205.avif" type="image/avif"> <source srcset="https://75tm.gr/GFXS1205/2048/GFXS1205.webp" type="image/webp"> <img src="https://75tm.gr/GFXS1205/2048/GFXS1205.jpg"> </picture>