Apple anunció un montón de nuevas actualizaciones en el discurso de apertura de la WWDC20 de ayer, desde nuevo hardware hasta aplicaciones actualizadas. Hay mucho que mirar boquiabierto y suficiente envidia por los dispositivos para todos.
Pero hay una pequeña línea en las notas de la versión Beta de Safari 14 que me llamó la atención:
Se agregó soporte para imágenes WebP.
Esto me entusiasma porque WebP es un formato súper progresivo que codifica imágenes en formatos sin pérdida y con pérdida que obtenemos con otros formatos de imagen que ya usamos, como JPEG, pero en una fracción del tamaño del archivo. Usamos WebP aquí en CSS-Tricks, gracias a Jetpack y su función Site Accelerator que ofrece versiones WebP de las imágenes que cargamos en los navegadores que las admiten. Jeremy Wagner tiene un excelente artículo sobre WebP y cómo trabajar con él, específicamente para WordPress.
Entonces, sí, esto significa que WebP será ampliamente compatible en todos los ámbitos (:IE-sad-trombone:) una vez que se lanza Safari 14.
Estos datos de soporte del navegador son de Caniuse, que tiene más detalles. Un número indica que el navegador admite la función en esa versión y superiores.
Escritorio
cromo | Firefox | ES DECIR | Borde | Safari |
---|---|---|---|---|
32 | sesenta y cinco | No | 18 | 16.0 |
Móvil/Tableta
androidcromo | Android Firefox | androide | Safari en iOS |
---|---|---|---|
125 | 126 | 4.2-4.3 | 14.0-14.4 |
Incluso con ese gran soporte, defina alternativas con el picture
elemento sigue siendo una buena idea.
picture source type="image/webp" source type="image/jpeg" img src="img/cat.jpg" alt="Alt Text!"/picture
Ah, y para no quedar completamente eclipsado, Safari 14 también incluye algunas ventajas de CSS, como las funciones de pseudoclase :is()
y , que vinculamos hace un par de semanas. Jen Simmons destacó otras características claves que deberían entusiasmarnos.:where()
Aviation Questions and Answers
Notas de la versión Beta de Safari 14
• Se agregó WebP
• Se modificó para derivar la relación de aspecto img a partir de los atributos de tamaño
• Se agregó :is()
• Se agregó :where()
• Safari ya no admite Flash
• Se agregaron extensiones web de Safari
• Se agregó traducción de páginas web (Beta)y mucho más: https://t.co/qO2Cy7rK4A
– Jen Simmons (@jensimmons) 22 de junio de 2020
Enlace directo →
Tal vez te puede interesar:
- La innovación no puede mantener la Web rápida
- Rendimiento web ultrarrápido
- Tabla de contenidos fijos con estados activos de desplazamiento
- “cambiar tamaño: ninguno;” en áreas de texto es una mala experiencia de usuario
La compatibilidad con imágenes WebP llegará a iOS 14
Apple anunció un montón de nuevas actualizaciones en el discurso de apertura de la WWDC20 de ayer, desde nuevo hardware hasta aplicaciones actualizadas. Hay
programar
es
https://aprendeprogramando.es/static/images/programar-la-compatibilidad-con-imagenes-webp-llegara-a-ios-14-1584-0.jpg
2025-01-15
Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente