Las imágenes son uno de los elementos que más peso tienen en una web. Y también uno de los motivos más habituales por los que una página tarda en cargar.
Muchas veces se suben fotos directamente desde el móvil o sin optimizar, sin darse cuenta de que eso puede ralentizar toda la web y empeorar la experiencia de quien la visita.
La buena noticia es que no hace falta ser técnico para solucionarlo. Con unos ajustes sencillos puedes mejorar mucho la velocidad de carga y evitar problemas.
En esta guía tienes lo imprescindible para hacerlo bien desde el principio.
Tamaño de imagen: evita subir fotos enormes
Subir imágenes directamente del móvil o cámara es uno de los errores más habituales.
Qué hacer
- Reduce el ancho a unos 1200 px para contenido normal.
- Para banners o cabeceras grandes, no más de 2000 px.
- No subas nunca imágenes a tamaño original.
Ejemplo práctico
Una foto de móvil puede medir 4000 px de ancho.
👉 Reducirla a 1200 px puede bajar el peso más de un 70% sin perder calidad visible.
Formato: usa el adecuado en cada caso
Elegir bien el formato influye directamente en el peso y la velocidad.
Qué usar
- JPG → fotos y banners
- PNG → logos o imágenes con fondo transparente
- WEBP → opción ideal si tu web lo permite (más ligero y rápido)
Consejo
Si no sabes cuál usar, JPG suele ser la opción más segura en la mayoría de casos.
Peso de las imágenes: aquí es donde más se falla
El peso es clave para la velocidad de carga.
Referencias claras
- Imágenes normales → menos de 200 KB
- Imágenes grandes (cabeceras, sliders) → 250–350 KB máximo
👉 Si una imagen pesa más de 1 MB, está mal optimizada casi seguro.
💡 Reduce el peso en segundos.
Puedes optimizar tus imágenes sin instalar nada usando herramientas como TinyPNG o Squoosh. Solo subes la imagen y la descargas comprimida. Puedes reducir su peso hasta un 60–80% sin notar pérdida de calidad.
Nombre del archivo: pequeño detalle, gran impacto
El nombre de la imagen también cuenta para SEO y evita problemas técnicos.
Buenas prácticas
- Usa nombres descriptivos →
zapatos-mujer-rojos.jpg - Evita espacios, tildes y símbolos.
- Usa guiones para separar palabras.
Conclusión
Optimizar imágenes no es complicado, pero marca una gran diferencia en la velocidad de tu web.
Con estos ajustes básicos puedes mejorar la carga, la experiencia de usuario y el posicionamiento sin necesidad de conocimientos técnicos.
Y si prefieres no preocuparte por nada de esto, también puedes delegarlo y asegurarte de que todo esté optimizado desde el principio.
