Lección 8Optimización de imágenes y carga lenta
- Noción 47 - Diferencia entre imágenes rasterizadas y vectoriales.
- Noción 48 - Selecciona el tipo de archivo correcto.
- Noción 49 - Ajusta la calidad de una imagen.
- Noción 50 - Comprende la compresión de imágenes.
- Noción 51 - Utiliza sprites CSS.
- Noción 52 - ¿Qué es el nuevo formato WebP?
- Noción 53 - Herramientas para la optimización de imágenes.
- Noción 54 - Repaso/evaluación
Noción 52
¿Qué es el nuevo formato WebP?
Competencias objetivo
A modo de recordatorio, los formatos más utilizados cuando se habla de imágenes en la web son GIF; PNG; y JPEG. Tienen la particularidad de ser pesados, tardan en cargar o no gestionar correctamente las transparencias o animaciones.
Hace unos años, el gigante estadounidense Google desarrolló un nuevo formato de imagen gratuito, el WebP. Tiene la particularidad de reducir el tamaño de la imagen sin perder calidad. Según datos de Google, el tamaño de la imagen puede reducirse hasta un 80% en comparación con el formato JPEG y hasta un 30% en comparación con el formato PNG.
Wepb tiene muchas ventajas en comparación con los otros tres (3) formatos tradicionales. Por ejemplo, es más ligero; ofrece una paleta de colores más amplia; utiliza imágenes animadas y ofrece transparencia.
Además, este formato mejora enormemente la optimización de los monitores de búsqueda. Como resultado, la reducción del tamaño de la imagen repercute directamente en el tiempo de descarga y, por tanto, reduce el consumo de energía.
El gran inconveniente de este formato es su incompatibilidad con algunos navegadores, pero esto está cambiando a medida que las nuevas generaciones de navegadores lo adoptan.
Actualmente, su uso se realiza a través de un plug-in de Adobe. Puedes leer o exportar imágenes en photoshop. También tienes la posibilidad de convertir tus imágenes a través de otras herramientas online como convertico ( https://www.convertico.com ) o Webpconv ( https://www.webpconv.software.informer.com )