Guia Definitiva de Tamanos de Archivo de Imagen para Web
Cada imagen en tu sitio web tiene un presupuesto de tamano. Superalo y tu pagina se arrastra; mantenlo y todo se siente instantaneo. Esta guia te da objetivos concretos en KB para cada uso comun.
Tabla de Referencia: Tamanos Ideales por Uso
Estos objetivos asumen WebP o AVIF. Si usas JPEG, agrega aproximadamente 25-30%.
| Uso | Ancho en pixeles | Tamano objetivo | Formato recomendado |
|---|---|---|---|
| Banner hero full-width | 1600-1920px | 100-200 KB | WebP o AVIF |
| Imagen de contenido/blog | 800-1200px | 60-150 KB | WebP |
| Foto de producto (principal) | 800-1000px | 80-150 KB | WebP |
| Miniatura de producto | 300-400px | 20-50 KB | WebP |
| Imagen de tarjeta/preview | 400-600px | 30-80 KB | WebP |
| Avatar/foto de perfil | 64-128px | 5-15 KB | WebP o JPEG |
| Logo | Variable | 5-30 KB | SVG (preferido) o PNG |
| Icono | 24-48px | 1-5 KB | SVG |
| Patron de fondo | 200-400px (mosaico) | 10-30 KB | WebP o PNG |
| Compartir social (OG) | 1200 x 630px | 80-150 KB | JPEG o WebP |
De Donde Vienen Estos Numeros
La pagina web mediana pesa unos 2.5 MB en movil, y las imagenes solas representan aproximadamente 1 MB — cerca del 40% del peso total, segun datos del HTTP Archive 2025. El umbral "bueno" de Google para LCP es 2.5 segundos. Para alcanzar ese objetivo en una conexion 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 1200px | Tamano 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 articulo WebP vs AVIF. Convierte ahora: JPG a WebP, a AVIF, o usa conversion por lotes.
Dimensiones en Pixeles: El Multiplicador Oculto
Una foto de 4000 x 3000 son 12 millones de pixeles. Redimensiona a 1200 x 900 y son 1.08 millones — reduccion del 91% en datos brutos. Usa el redimensionador de Vizua, luego comprime con JPEG o PNG.
Calidad de Compresion: El Punto Ideal
Punto de partida: Foto de camara, 4000 x 3000, PNG — ~14 MB.
- Redimensiona a 1200 x 900: ~3.5 MB como PNG
- Convierte a WebP calidad 80: ~130 KB
- Convierte a AVIF calidad 65: ~90 KB
Reduccion del 99.3%. Para recomendaciones detalladas: compresion sin perdida de calidad.
Casos Especiales
E-commerce
Producto a 800-1000px (1600-2000px para Retina) en WebP. Miniaturas a 300-400px, ~20-50 KB.
Portfolio
Previews a 1200-1600px en WebP (calidad 85), 150-250 KB. Enlace separado para alta resolucion.
Open Graph
1200 x 630px, bajo 150 KB.
Presupuesto Total por Pagina
Apunta a un peso total de imagenes bajo 500 KB por pagina:
- 1 hero: ~150 KB
- 3-4 imagenes de contenido: ~100 KB cada una
- Miniaturas, avatares, iconos: ~50 KB combinados
Preguntas Frecuentes
Cual es un buen tamano de archivo para una imagen web?
Depende del uso. Imagenes hero bajo 200 KB, imagenes de contenido bajo 150 KB y miniaturas bajo 80 KB. Estos objetivos asumen WebP o AVIF. En JPEG, agrega 20-30% mas.
Como reducir el tamano sin perder calidad?
Tres pasos: redimensiona al tamano real de visualizacion, convierte a WebP o AVIF, y comprime a calidad 75-85. La diferencia visual es indetectable.
El tamano de archivo afecta al SEO?
Si. Las imagenes impactan directamente el Largest Contentful Paint (LCP), una de las tres Core Web Vitals de Google. Un LCP lento (mas de 2.5 segundos) perjudica el ranking.
Que dimensiones debo usar para imagenes de producto?
Para e-commerce, sirve imagenes de producto a 800-1000px de ancho y 300-400px para miniaturas en cuadricula. La mayoria comprime bien en WebP calidad 80, entre 80-150 KB.
Alcanza tus objetivos de tamano
Gratis, privado, sin registro. Todo funciona en tu navegador.