Optimización de imágenes web: formatos, tamaños adaptables y prioridades de carga
Un archivo más pequeño ayuda cuando el navegador recibe la imagen adecuada en el momento oportuno.
Herramientas
Estima el ahorro de variantes de imagen que ya has creado o medido.
Ahorrar transferencia no reduce el tiempo de carga en la misma proporción. Las descargas paralelas, la caché y la red cambian el resultado. Úsalo para priorizar, no para prometer.
La calculadora no comprime, sube archivos ni descarga páginas. Trabaja con números dentro de tu navegador. Compara contenido visual equivalente con los mismos requisitos de calidad: una miniatura pequeña no sustituye necesariamente una fotografía grande de producto.
El ahorro es el tamaño original menos el optimizado. La reducción porcentual divide esa diferencia entre el original y multiplica por 100. El tamaño original debe ser positivo; cero no constituye un denominador válido para ese porcentaje.
El total de página suma los ahorros introducidos. La estimación mensual multiplica ese total por las páginas vistas que indiques. Son cálculos, no mediciones de tráfico o ancho de banda. Usa coherentemente la convención de unidades de la interfaz.
Se supone que cada visita descarga todas las imágenes incluidas. La transferencia real depende de cachés de navegador y CDN, selección responsive, carga diferida, revisitas y llegada del usuario a la imagen. Algunas visitas solicitan solo parte de los archivos.
Si el optimizado pesa más, revisa exportación y original. Otro formato no es automáticamente más pequeño. Conserva el resultado real en lugar de convertir un ahorro negativo válido en una afirmación promocional positiva.
No. Descubrimiento, red, descargas paralelas, decodificación y renderizado influyen en los tiempos. La imagen visible más grande puede llegar tarde porque se descubre tarde, aunque pese poco.
La guía de LCP ayuda a localizar la fase problemática. Esta calculadora compara transferencia, pero no predice LCP ni la puntuación Lighthouse solo con tamaños.
Compara el recurso elegido antes y después bajo la misma ventana y condiciones de dispositivo. srcset puede ofrecer varias opciones, y una pantalla de alta densidad puede seleccionar otro archivo.
Inspecciona la solicitud real en el navegador. La guía de imágenes explica la relación entre sizes, anchuras candidatas y espacio representado. Haz cálculos separados si móvil y escritorio descargan recursos materialmente distintos.
Úsala como escenario de planificación. Anota páginas vistas supuestas, conjunto de imágenes y si la caché o la carga parcial hacen poco realista la descarga completa. No la presentes como reducción de factura observada ni ahorro empresarial garantizado.
Tras publicar, compara transferencia real y experiencia cuando puedas medirlas. Mantén calidad, texto alternativo informativo y dimensiones estables mientras mejoras la entrega.
Un archivo más pequeño ayuda cuando el navegador recibe la imagen adecuada en el momento oportuno.
La imagen más grande no siempre es el problema: el retraso antes de iniciar su descarga puede importar más.