Estoy usando angular 10. y quiero ver/mostrar la imagen en formato AVIF.
Con versión comprimida.
EJEMPLO : Ya este tipo de imágenes en mi base de datos
(supongamos que el tamaño de todos los archivos de imagen es superior a 5 mb)
demoImage.jpeg o demoImage.png o demoImage.webp
Pero cuando estoy mostrando en la interfaz usando angular, necesito mostrar solo en formato AVIF
(y esta imagen debe estar comprimida)
Me gusta este demoImage.avif
Entonces, ¿cómo puedo archivar esto?
Puedes usar el paquete Sharp , para comprimir las imágenes a formato AVIF. También es posible convertirlo a otros formatos además de ese si es necesario. En él también puedes encontrar las instrucciones más necesarias para ponerlo en marcha.
Luego puede mostrar la imagen usando el atributo que supongo que admite la mayoría de los navegadores.
<picture> <source srcSet="image.avif" type="image/avif" /> </picture>