Una web lenta pierde visitantes antes de que lean la primera línea. Y la causa número uno de webs lentas no es el hosting ni el tema: son las imágenes mal optimizadas. Una foto de 4 MB subida directo desde el celular puede hacer que una página tarde cinco o seis segundos en cargar. En móvil, con la señal que hay en muchos distritos de Lima, eso significa que el usuario ya cerró la pestaña.

Optimizar imágenes no es complicado. Requiere entender tres cosas: el formato correcto, el tamaño adecuado y el proceso de compresión. Con eso cubierto, el resto es rutina.

Por qué las imágenes impactan tanto en la velocidad

Cuando alguien entra a tu web, el navegador descarga todos los archivos que necesita para mostrar la página: HTML, CSS, JavaScript e imágenes. Las imágenes suelen representar entre el 50% y el 80% del peso total de una página. Si cada imagen pesa 1 o 2 MB, y tienes cinco en una sola página, el navegador tiene que descargar 5 a 10 MB solo de fotos.

Google también mide la velocidad de carga como parte de su algoritmo de posicionamiento. Una web lenta no solo frustra a los usuarios, también baja en los resultados de búsqueda. Por eso la optimización de imágenes es tanto un tema de experiencia de usuario como de SEO.

El formato importa más de lo que crees

Durante años el estándar fue JPEG para fotos y PNG para gráficos con fondo transparente. Eso sigue siendo válido, pero hay alternativas mejores:

• WebP: formato moderno de Google que pesa entre 25% y 35% menos que JPEG con la misma calidad visual. Todos los navegadores actuales lo soportan. Es el formato recomendado para webs nuevas.
• AVIF: más eficiente que WebP, pero con compatibilidad aún limitada en algunos navegadores más viejos. Úsalo si tu público usa equipos y navegadores actualizados.
• SVG: ideal para logos, íconos y gráficos vectoriales. Pesa muy poco y se ve perfecto en cualquier resolución de pantalla.
• JPEG: sigue siendo buena opción para fotos complejas si lo comprimes bien (calidad entre 70% y 80% es generalmente invisible al ojo pero reduce bastante el peso).

El tamaño en píxeles: el error más común

Subir una imagen de 4000 x 3000 píxeles a una web donde se mostrará en un espacio de 800 x 600 píxeles es desperdiciar ancho de banda. El navegador descarga la imagen completa y luego la encoge en pantalla. Todo ese peso extra no aporta nada.

Antes de subir cualquier imagen, redimensiónala al tamaño máximo en que se va a mostrar. Para la mayoría de blogs y páginas de productos, 1200 píxeles de ancho es más que suficiente. Para miniaturas o fotos pequeñas, con 600 o 800 píxeles basta.

En Windows puedes usar Paint o la herramienta de fotos para redimensionar. En Mac, la app Previsualización lo hace en dos clics. Si manejas muchas imágenes a la vez, herramientas gratuitas como IrfanView (Windows) o ImageOptim (Mac) procesan lotes completos.

Compresión: cuánta calidad puedes perder sin que se note

Comprimir una imagen reduce su peso eliminando información que el ojo humano no percibe bien. El truco está en encontrar el punto donde el peso baja mucho pero la calidad visual se mantiene aceptable.

Para JPEG, una calidad del 70% al 80% suele verse bien en pantalla y puede reducir el peso a la mitad o más. Para WebP, una calidad entre 75% y 85% da buenos resultados. La única forma de saber si el resultado es aceptable para tu caso es comparar visualmente.

Herramientas útiles para comprimir antes de subir:

• Squoosh.app: gratis, en el navegador, te muestra la comparación antes/después en tiempo real. Muy recomendable para imágenes individuales importantes.
• TinyPNG / TinyJPG: gratis hasta 20 imágenes por vez, fácil de usar y muy efectivo.
• Photoshop o Affinity Photo: opción para quienes ya tienen esos programas. La función «Exportar para web» da control total sobre calidad y formato.

Plugins de WordPress para automatizar el proceso

Si subes imágenes frecuentemente y no quieres optimizar cada una a mano, los plugins hacen ese trabajo automáticamente al momento de subir.

Algunas opciones probadas:

• Smush: popular y fácil de usar. La versión gratuita comprime imágenes automáticamente y convierte a WebP. La versión pro agrega compresión en la nube y lazy load.
• ShortPixel: muy buena calidad de compresión. Funciona con créditos (la versión gratuita da 100 imágenes al mes, suficiente para webs pequeñas).
• Imagify: del mismo equipo que WP Rocket. Se integra bien con ese plugin de caché. La versión gratuita tiene un límite mensual de procesamiento.

Cualquiera de estos plugins también activa la carga diferida (lazy load), que significa que las imágenes que están más abajo en la página no se descargan hasta que el usuario llega a ellas. Eso acelera mucho el tiempo de carga inicial.

El atributo alt: no solo para SEO

Cada imagen debe tener un texto alternativo (atributo alt) que describa lo que muestra. Esto sirve para dos cosas: los motores de búsqueda lo usan para entender el contenido de la imagen, y los lectores de pantalla lo leen en voz alta para usuarios con discapacidad visual.

Un buen alt es descriptivo y específico. «foto de producto» es malo. «zapatillas deportivas blancas modelo corredor para mujer» es bueno. No lo rellenes con palabras clave de forma forzada, pero sí incluye términos relevantes si describen honestamente la imagen.

En WordPress, el campo de texto alternativo está disponible al subir cada imagen desde la biblioteca de medios. Completarlo toma diez segundos y tiene impacto directo en el SEO de imágenes.

Cómo auditar las imágenes que ya tienes en tu web

Si tu web ya lleva tiempo funcionando, probablemente tenga imágenes subidas sin optimizar. La forma más rápida de detectar el problema es usar PageSpeed Insights de Google: ingresa tu URL en pagespeed.web.dev y revisa las oportunidades que te sugiere. Si entre los primeros puntos aparece «Codificar imágenes de forma eficiente» o «Aplazar imágenes fuera de pantalla», tienes trabajo por hacer.

Otra herramienta útil es GTmetrix, que además de mostrarte el tamaño de cada imagen te indica cuánto peso podrías ahorrar con compresión. Con esos datos puedes priorizar: empieza por las imágenes más pesadas y las que aparecen en páginas con más tráfico.

Para webs con muchas imágenes antiguas, plugins como ShortPixel o Imagify tienen una función de «optimización en lote» que procesa toda la biblioteca de medios de WordPress de una sola vez. El proceso puede tardar varios minutos si tienes cientos de imágenes, pero solo necesitas hacerlo una vez.

Buenas prácticas para el día a día

Lo más efectivo es establecer una rutina sencilla antes de subir cualquier imagen nueva:

• Redimensionar al ancho máximo en que se mostrará (1200 px para la mayoría de casos).
• Comprimir con Squoosh o TinyPNG antes de subirla.
• Guardarla en WebP si el flujo de trabajo lo permite.
• Completar el texto alternativo al subirla a WordPress.
• Nombrar el archivo con palabras descriptivas en vez de «IMG_2045.jpg».

Con estas cinco acciones como hábito, tu web mantendrá un rendimiento consistente sin necesidad de auditorías frecuentes. Si además cuentas con un plugin de optimización automática, el proceso se vuelve prácticamente transparente.

Si quieres que alguien revise el estado actual de tu web y te ayude a mejorar su velocidad, en freelo.pe puedes encontrar agencias especializadas en WordPress que hacen esa auditoría técnica como parte del proceso de mejora.

Preguntas frecuentes

¿Cuánto debe pesar una imagen para web?

Como referencia, cada imagen debería pesar menos de 200 KB para fotos grandes, y menos de 100 KB para imágenes medianas o miniaturas. En páginas de producto o portafolio donde la calidad visual importa mucho, puedes llegar hasta 300-400 KB, pero intenta que sea la excepción y no la regla.

¿Conviene convertir todas mis imágenes actuales a WebP?

Sí, si tu hosting o plugin lo permite. Plugins como Smush o ShortPixel pueden convertir imágenes existentes en la biblioteca de medios. El navegador del usuario recibirá WebP si lo soporta, y en casos excepcionales (navegadores muy viejos) recibirá el formato original como respaldo.

¿El lazy load puede afectar el posicionamiento en Google?

No, siempre que esté bien implementado. Google procesa el lazy load nativo de HTML5 sin problemas. Lo que sí puede afectar el SEO es si las imágenes críticas de la parte visible de la página no cargan de inmediato. Los plugins modernos suelen excluir las imágenes de la parte superior de este comportamiento.

¿Necesito optimizar también las imágenes del slider o banner principal?

Sí, especialmente esas. El banner principal suele ser la imagen más pesada de la página y es la primera que carga. Un banner mal optimizado puede subir el tiempo de carga en dos o tres segundos. Apunta a menos de 200 KB para imágenes de pantalla completa usando WebP con buena compresión.

¿Debo usar imágenes de stock o propias para mi web?

Las imágenes propias (fotos reales de tu local, productos o equipo) funcionan mejor para generar confianza, especialmente en pymes peruanas. Las de stock se ven genéricas y los usuarios las reconocen. Si usas stock, elige fotos que no parezcan de catálogo. Unsplash y Pexels tienen opciones más naturales y son gratuitas.