← Inicio · Todas las guías
¿Cuánto debe pesar una imagen en una web?
Las imágenes son, con diferencia, lo que más pesa en la mayoría de páginas web. Optimizarlas es la forma más rápida de que tu sitio cargue antes (y de mejorar tu posición en Google).
Cifras de referencia
- Imagen de fondo / hero a pantalla completa: 150–300 KB, a 1920 px de ancho.
- Foto dentro de un artículo: 60–150 KB, a 1000–1600 px de ancho.
- Foto de producto: 40–100 KB, a 800–1200 px.
- Miniatura: 10–30 KB, a 300–500 px.
- Logo: menos de 20 KB; mejor en SVG si es vectorial.
Regla general: ninguna imagen de contenido debería pasar de 200 KB, y el total de una página debería quedar por debajo de 1–1,5 MB.
Cómo llegar a esos pesos
- Redimensiona a la resolución real a la que se muestra (no subas una foto de 4000 px para mostrarla a 800).
- Comprime con calidad 70–80 %: la diferencia visual es casi nula.
- Usa WebP cuando puedas: ~30 % menos de peso que el JPG.
Puedes hacer los tres pasos con la herramienta de comprimir imágenes (elige un ancho máximo y un nivel de compresión) y, si quieres WebP, con convertir a WebP.
Formato según el caso
Fotos → JPG o WebP. Gráficos con pocos colores, capturas o imágenes con transparencia → PNG o WebP. Logos e iconos vectoriales → SVG.