Tooooolbox
100% privado
21 de junio de 2026 · 7 min de lectura
En la mayoría de los sitios, las imágenes representan más de la mitad del peso total de una página. Una sola foto recién salida de un móvil puede pesar de 4 a 8 MB — suficiente para que una página vaya lenta en el móvil y ahuyente a los visitantes antes incluso de cargar. Google también tiene en cuenta la velocidad de carga en su clasificación, así que las imágenes pesadas te cuestan en silencio visitantes y SEO. Aquí tienes cómo solucionarlo sin que tu sitio se vea peor.
Este es el paso que casi todos se saltan, y es el de mayor impacto. Una cámara moderna produce imágenes de 4000 a 6000 píxeles de ancho, pero una imagen a todo el ancho en un sitio rara vez se muestra a más de unos 2000 píxeles — y una miniatura necesita mucho menos. Servir una imagen de 6000 px en un hueco de 600 px desperdicia muchísimo ancho de banda.
Decide el tamaño real al que aparece la imagen en la página y redimensiónala más o menos a ese ancho (un poco más para pantallas de alta resolución está bien). Solo redimensionar puede reducir el peso un 80 % o más antes de comprimir un solo byte.
Para fotografías, usa WebP o AVIF — ambos mucho más ligeros que el JPEG con la misma calidad visible, y todos los navegadores modernos admiten WebP. Para logotipos, iconos y gráficos con colores planos o transparencia, usa PNG, o WebP sin pérdida para ahorrar espacio. Evita el PNG para fotos completas: es sin pérdida y demasiado pesado para esa tarea.
Si necesitas máxima compatibilidad con software muy antiguo, el JPEG sigue siendo el respaldo universal para fotos.
La calidad de compresión es un deslizador, no un interruptor. Para la mayoría de las fotos web, una calidad del 70–80 % es invisible al ojo pero reduce mucho el peso. Por debajo del 60 % aproximadamente empiezas a ver bloques en cielos y degradados. El truco es comparar el antes y el después al tamaño objetivo y parar en cuanto la calidad empiece a resentirse.
Nuestro compresor muestra el tamaño de salida en tiempo real e incluye un deslizador antes/después, para que encuentres ese punto justo en cada imagen en lugar de adivinar.
Como regla general: imágenes de cabecera y a todo el ancho por debajo de ~200 KB, imágenes dentro del artículo por debajo de ~100 KB, miniaturas por debajo de ~30 KB. No son límites estrictos, pero si una imagen los supera con creces, casi seguro que necesita redimensionarse o comprimirse más.
Si tienes una restricción concreta — por ejemplo, que cada foto de producto pese menos de 100 KB — usa una herramienta de compresión a tamaño objetivo que baje exactamente de ese límite en vez de ajustar el deslizador a ojo.
Añade un texto alternativo descriptivo a cada imagen — ayuda a la accesibilidad y al SEO. Activa la carga diferida (lazy-load) en las imágenes que quedan por debajo del pliegue, para que el navegador solo las descargue cuando hagan falta. Y elimina los metadatos EXIF de las fotos que publiques: añaden peso y pueden filtrar datos de ubicación que quizá prefieras no compartir.
No necesitas software caro para nada de esto. Suelta tus imágenes en nuestro compresor, ajusta el ancho y la calidad, y descarga versiones optimizadas en segundos. Todo se ejecuta localmente en tu navegador, así que ni siquiera las imágenes sensibles se suben a ningún sitio.