500 KB es un presupuesto de rendimiento web
La mayoría de los formularios de subida no piden 500 KB. Los desarrolladores web, sí. Es una regla práctica habitual para la imagen más pesada de una página, normalmente la grande de la parte superior, porque ese único archivo suele decidir lo rápida que se siente la página. Una página que es sobre todo una foto de 3 MB carga despacio en una conexión móvil; una que usa una imagen de 400–500 KB se ve igual y carga en una fracción del tiempo.
Qué cabe en 500 KB
Con buena calidad JPEG, 500 KB admiten aproximadamente de 3 a 4 millones de píxeles en una foto típica, por ejemplo 2000 × 1500. Es más que los 1920 píxeles de una pantalla Full HD, así que un banner a todo el ancho se verá nítido en la mayoría de las pantallas. Las fotos de caras, productos y paisajes sobreviven bien aquí.
| Uso | Ancho típico de visualización | Objetivo razonable |
|---|---|---|
| Imagen de cabecera a todo el ancho | 1200–1920 px | 300–500 KB |
| Imagen de artículo dentro de una columna | 600–800 px | 80–150 KB |
| Miniatura en una cuadrícula | 200–400 px | 10–40 KB |
| Cabecera para pantallas de alta densidad | Hasta 2400 px | 500 KB o algo más |
Son reglas prácticas habituales, no estándares. La cifra adecuada depende de la imagen y de cuánto varían las conexiones de tus visitantes.
Por qué importa más allá de la velocidad
Los buscadores prestan atención a la rapidez con que aparece el contenido principal de una página, y en muchas páginas ese contenido principal es una imagen. Una imagen de cabecera más pequeña ayuda a los visitantes con conexiones lentas, cuesta menos ancho de banda si lo pagas y es una de las mejoras más baratas que puedes hacer en una página. Además, comprimir es un trabajo que se hace una sola vez: lo haces antes de subir, no en cada visita.
Cómo comprimir a 500 KB
- Suelta la imagen en esta página. El objetivo de 500 KB ya está activado.
- Si sabes con qué ancho se mostrará la imagen, configúralo también. Un original de 4000 píxeles mostrado a 1200 de ancho desperdicia la mayor parte de sus bytes.
- Descarga el resultado y míralo al tamaño con el que lo verán tus visitantes. Si se ve limpio así, has terminado.
- Repite con las demás imágenes de la página, usando objetivos menores para las imágenes más pequeñas. Puedes procesar un conjunto de una vez.
Más allá del tamaño del archivo
- Elige las dimensiones según el diseño. Un archivo de 500 KB porque tiene demasiados píxeles es un desperdicio; uno de 500 KB porque es una foto detallada y del tamaño correcto está bien.
- Plantéate WebP. La misma calidad visual suele ser entre un 25 y un 35 % más pequeña que en JPG. Mira convertir JPG a WebP.
- Elimina lo que no necesitas. Al recodificar se pierden los metadatos de la cámara y la ubicación, lo que además protege tu privacidad.
- No amplíes hacia arriba. Una imagen pequeña estirada a un tamaño mayor se ve borrosa, tenga el peso que tenga.
Si 500 KB sigue siendo generoso para tu caso, 200 KB va bien para imágenes de producto y de contenido. Para ver el razonamiento completo, lee la guía sobre cómo hacer que las imágenes carguen más rápido.