Optimización de imágenes
Convertir imágenes en archivos más pequeños sin reducir visiblemente la calidad y servirlas en el tamaño adecuado y en formatos modernos.
- 01
Por qué importa
Las imágenes son la mayor parte de los datos descargados en la mayoría de las páginas. Formatos como WebP y AVIF, versiones ajustadas al tamaño de pantalla y una compresión adecuada hacen que las páginas sean notablemente más rápidas. Indicar las dimensiones de las imágenes mejora la estabilidad del diseño y un texto alternativo descriptivo mejora la accesibilidad.
- 02
Ejemplo
La imagen de banner de la página de inicio de un sitio tiene 4.000 píxeles de ancho y pesa 3 MB. Servida en tres tamaños según el ancho de pantalla y en formato WebP, la descarga en dispositivos móviles baja a 150 KB.
- 03
Error frecuente
Mostrar una imagen grande solo más pequeña en la página. El navegador sigue descargando el archivo a tamaño completo; la imagen debe prepararse en el tamaño en que se va a mostrar.
- 04
Términos relacionados
Servicios y guías relacionados
Hablemos de tu proyecto.
Cuéntenos lo que necesita; definiremos el alcance juntos.