La mayoría de las personas no se dan cuenta de que las animaciones cortas incrustadas en forma de GIF animados en sus sitios web favoritos vienen con un gran rendimiento, batería, tamaño de archivo y penalizaciones de ancho de banda.
Los GIF animados son terribles para el rendimiento web: generalmente son archivos 12 veces más grandes que los videos H.264 y requieren el doble de energía para cargar y mostrar en un navegador. Y debido a una pequeña paleta de 256 colores, tienen una gama de colores limitada y, en general, no se ven muy bien..
Esto se debe a que GIF, que es el acrónimo de Graphics Interchange Format, "no pretende ser una plataforma para la animación", aunque se puede hacer de forma limitada, de acuerdo con la redacción de la especificación GIF89a original..
Afortunadamente, parece que el navegador Safari de Apple puede ayudar a poner fin a la práctica de usar GIF como el formato predeterminado de la web para videos de microformas, memes y animaciones lindas.
Esto se debe a que Safari Technology Preview, una versión especial de Safari para que los desarrolladores prueben las futuras tecnologías web en macOS e iOS, en su última actualización permite a los desarrolladores web incorporar formatos de video verdaderos como MP4 en etiquetas HTML "img".
Colin Bendell ha demostrado (a través de John Gruber de Daring Fireball) el beneficio clave de esta nueva y genial capacidad en Safari Technology Preview para Mac: incrustar un verdadero archivo de video .MP4 en la etiqueta "img" resulta en una representación increíblemente 20 veces más rápida y 7 veces más rápida decodificación versus su contraparte GIF, además de ser un cuarto del tamaño del archivo.
Anexo A: el artículo fuente de Colin, que incorpora algunos GIF animados con fines ilustrativos, tiene 46 MB en Chrome. La misma página web tiene solo 2 MB en Safari Technology Preview con los GIF convertidos a MP4 y usados con la etiqueta "img".
"Ahora, nuestros videos de micro-formularios pueden ser pequeños y eficientes (como MP4) y pueden precargarse, reproducirse y compartirse fácilmente (como nuestro viejo amigo, el GIF)", resume Colin muy bien..
Otros beneficios de este enfoque incluyen la capacidad de guardar o compartir fácilmente tales animaciones, crear animaciones que ahorran espacio en 4K utilizando HEIC (el códec H.265) y más.
La tabla que se incluye a continuación ilustra el tipo de ahorro de tamaño de bytes que Colin ha logrado lograr al transcodificar los 100 mejores archivos GIF animados de tendencia de giphy.com y luego convertirlos en H.264, H.265, VP8, VP8 y WebP formatos de video.
Este enfoque no está exento de riesgos potenciales porque, por el momento, envolver animaciones MP4 dentro de etiquetas "img" a menudo presenta una serie de problemas complicados que requieren mucho trabajo manual por parte del desarrollador para garantizar la compatibilidad futura.
Dicho esto, si desea probar esta nueva característica por sí mismo, deberá descargar Safari Technology Preview de Apple. Safari Technology Preview puede coexistir con la versión comercial de Safari que ya está instalada en su computadora.
Espero que esta nueva característica no tarde años en ponerse al día en todos los sitios web y blogs..
¿Amas u odias los GIF animados como el formato preferido de la web para animaciones cortas??
Suena apagado en los comentarios!
