Guía Definitiva de Tamaños de Archivo de Imagen para Web
Cada imagen en tu sitio web tiene un presupuesto de tamaño. Supéralo y tu página se arrastra; mantenlo y todo se siente instantáneo. Esta guía te da objetivos concretos en KB para cada uso común.
Tabla de Referencia: Tamaños Ideales por Uso
Estos objetivos asumen WebP o AVIF. Si usas JPEG, agrega aproximadamente 25-30%.
| Uso | Ancho en píxeles | Tamaño objetivo | Formato recomendado |
|---|---|---|---|
| Banner hero full-width | 1600-1920 px | 100-200 KB | WebP o AVIF |
| Imagen de contenido/blog | 800-1200 px | 60-150 KB | WebP |
| Foto de producto (principal) | 800-1000 px | 80-150 KB | WebP |
| Miniatura de producto | 300-400 px | 20-50 KB | WebP |
| Imagen de tarjeta/preview | 400-600 px | 30-80 KB | WebP |
| Avatar/foto de perfil | 64-128 px | 5-15 KB | WebP o JPEG |
| Logo | Variable | 5-30 KB | SVG (preferido) o PNG |
| Icono | 24-48 px | 1-5 KB | SVG |
| Patrón de fondo | 200-400 px (mosaico) | 10-30 KB | WebP o PNG |
| Compartir social (OG) | 1200 × 630 px | 80-150 KB | JPEG o WebP |
De Dónde Vienen Estos Números
La página web mediana pesa unos 2,5 MB en móvil, y las imágenes solas representan aproximadamente 1 MB — cerca del 40% del peso total, según datos del HTTP Archive 2025. El umbral "bueno" de Google para LCP es 2,5 segundos. Para alcanzar ese objetivo en una conexión 4G (~1,5 MB/s), tu imagen hero necesita cargar en menos de un segundo — es decir, bajo 200 KB.
El Formato Hace la Mayor Diferencia
| Formato | Ejemplo: foto 1200 px | Tamaño relativo |
|---|---|---|
| PNG sin comprimir | ~3,5 MB | Referencia |
| JPEG (calidad 80) | ~180 KB | ~5% |
| WebP (calidad 80) | ~130 KB | ~3,7% |
| AVIF (calidad 65) | ~90 KB | ~2,5% |
Cambia de JPEG a WebP y ahorras 25-35%. AVIF ahorra ~50% vs JPEG. Consulta nuestro artículo WebP vs AVIF. Convierte ahora: JPG a WebP, a AVIF, o usa conversión por lotes.
Dimensiones en Píxeles: El Multiplicador Oculto
Una foto de 4000 × 3000 son 12 millones de píxeles. Redimensiona a 1200 × 900 y son 1,08 millones — reducción del 91% en datos brutos. Usa el redimensionador de Vizua, luego comprime con JPEG o PNG.
Calidad de Compresión: El Punto Ideal
Punto de partida: Foto de cámara, 4000 × 3000, PNG — ~14 MB.
- Redimensiona a 1200 × 900: ~3,5 MB como PNG
- Convierte a WebP calidad 80: ~130 KB
- Convierte a AVIF calidad 65: ~90 KB
Reducción del 99,3%. Para recomendaciones detalladas: compresión sin pérdida de calidad.
Casos Especiales
E-commerce
Producto a 800-1000 px (1600-2000 px para Retina) en WebP. Miniaturas a 300-400 px, ~20-50 KB.
Portfolio
Previews a 1200-1600 px en WebP (calidad 85), 150-250 KB. Enlace separado para alta resolución.
Open Graph
1200 × 630 px, bajo 150 KB.
Presupuesto Total por Página
Apunta a un peso total de imágenes bajo 500 KB por página:
- 1 hero: ~150 KB
- 3-4 imágenes de contenido: ~100 KB cada una
- Miniaturas, avatares, iconos: ~50 KB combinados
Preguntas Frecuentes
¿Cuál es un buen tamaño de archivo para una imagen web?
Depende del uso. Imágenes hero bajo 200 KB, imágenes de contenido bajo 150 KB y miniaturas bajo 80 KB. Estos objetivos asumen WebP o AVIF. En JPEG, agrega 20-30% más.
¿Cómo reducir el tamaño sin perder calidad?
Tres pasos: redimensiona al tamaño real de visualización, convierte a WebP o AVIF, y comprime a calidad 75-85. La diferencia visual es indetectable.
¿El tamaño de archivo afecta al SEO?
Sí. Las imágenes impactan directamente el Largest Contentful Paint (LCP), una de las tres Core Web Vitals de Google. Un LCP lento (más de 2,5 segundos) perjudica el ranking.
¿Qué dimensiones debo usar para imágenes de producto?
Para e-commerce, sirve imágenes de producto a 800-1000 px de ancho y 300-400 px para miniaturas en cuadrícula. La mayoría comprime bien en WebP calidad 80, entre 80-150 KB.
Alcanza tus objetivos de tamaño
Gratis, privado, sin registro. Todo funciona en tu navegador.