Creo que te convenceré para reducir el peso de tus imágenes cuando descubras que te perjudican en estas tres cosas:

• Pérdida de visitas: Si tu web tarda más de tres segundos en cargar, la gente se va. Así de simple.

• Peor SEO: Google premia la velocidad de carga. Si tu web es lenta, te desplaza en los resultados de búsqueda.

• Mala experiencia móvil: Consumes los datos y la paciencia de los usuarios que te visitan desde el teléfono o con mala cobertura.

La optimización que aplico a mis fotos antes de subirlas a la web

Para cumplir con lo que piden Google y los navegadores actuales, yo sigo tres reglas fijas muy sencillas basadas en el formato, el tamaño y el peso:

El formato ideal

• WebP o AVIF: Olvídate del JPG y del PNG de toda la vida. Estos dos formatos son los mejores actualmente porque mantienen la foto perfecta pero reduciendo el peso a la mitad. Y sí, los dos soportan transparencias. Además, puedes pasar tus fotos a este formato sin ningún programa específico, puedes usar Bulk Resize Photos  está al alcance de todos.

• SVG: Este es exclusivo para tu logo y los iconos. No pesa nada de nada y por mucho que amplíes la pantalla jamás se va a ver borroso.

Las dimensiones correctas en píxeles

• Imágenes de fondo a pantalla completa o banners principales: Un máximo de 1920 px en el lado más largo.

• Imágenes secundarias o del blog: Si sabes que nunca van a ocupar todo el ancho de la pantalla, déjalas en un máximo de 1200 px en el lado más largo.

• Resolución: Siempre a 72 DPI (puntos por pulgada).

El peso máximo permitido

• Fotos grandes de fondo: Intenta que no pasen de 300 KB – 500 KB.

• Fotos del blog o porfolio: Menos de 100 KB – 150 KB siempre que sea posible.

Cómo optimizar las imágenes online, cómo lo hago yo sin perder casi tiempo

Para no perder tiempo, yo uso siempre la herramienta online Bulk Resize Photos. Es la que siempre recomiendo a mis clientes porque permite arrastrar todas las fotos de golpe y procesarlas en lote.

Lo que hago es seleccionar la opción de «Lado más largo», pongo la medida (1920 px o 1200 px) y elijo el formato WebP. El verdadero truco está en la calidad de la imagen: suelo mover el selector de calidad de la imagen entre el 75% y el 85%. Si la foto tiene muchos colores, detalles o texturas, bajo un poco el porcentaje para que el peso no se dispare.

Una de las cosas que más me gustan de esta página es que te permite guardar tus configuraciones en un enlace automático.

Solo tienes que hacer clic en el que necesites, arrastrar tus fotos y listo:

• Configuración automática para imágenes grandes (1920px a alta calidad 85%)

• Configuración automática para imágenes grandes (1920px a calidad estándar 75%)

• Configuración automática para imágenes de blog/contenido (1200px a calidad 85%)

 

El impacto real en SEO y Accesibilidad

Optimizar las imágenes no es solo un capricho técnico, impacta directamente en cómo el mundo percibe y encuentra tu web:

• Métricas LCP (Largest Contentful Paint) de Google: Google mide cuánto tarda en renderizarse el elemento visual más grande de tu web (que suele ser la imagen principal). Si esa imagen pesa megabytes, tu LCP caerá en picado, afectando negativamente a tu posicionamiento SEO.

• Accesibilidad Web: Una web optimizada respeta la diversidad de contextos de los usuarios. Las personas con conexiones lentas o planes de datos limitados sufren bloqueos si la página es pesada. Además, recuerda rellenar siempre la etiqueta «Texto Alternativo» (Alt text) al subirlas: permite que los lectores de pantalla para personas con discapacidad visual entiendan qué hay en la foto, algo que Google también premia enormemente para el SEO. Te dejo en este otro post como hacerlo muy rápido con IA.

 

Al final, como ves, dedicarle un par de minutos a tus imágenes antes de subirlas te ahorra muchos problemas a largo plazo. Tu web irá más rápido, tus visitas se quedarán y Google posicionará mejor. Vale la pena el cambio, ¿no crees?