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 49
Ajusta la calidad de una imagen.
Competencias objetivo
Conocer los principales elementos que influyen en la calidad de una imagen
En esta lección, aprenderemos más sobre los criterios a tener en cuenta a la hora de ajustar la calidad de las imágenes de tu sitio web.
El tamaño
Reducir el tamaño de tus imágenes tendrá un impacto positivo en su peso.
Ten en cuenta que las imágenes, procedentes de un teléfono móvil o de una cámara fotográfica, tienen unos 5000 píxeles. Un tamaño de 500 a 1000 píxeles es suficiente para tu sitio web.
Compresión
Es importante reducir el porcentaje de compresión al menos un 70%. De esta forma, la imagen será más ligera manteniendo su calidad.
El peso
El peso ideal de las imágenes en la web es de 100Kb.