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 y algunas herramientas gratuitas que te facilitarán el trabajo.
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. Una fotografía puede tener muchos más píxeles de los que realmente necesita para mostrarse en una página web.
Qué hacer
- Para imágenes de contenido, unos 1200 px de ancho suelen ser suficientes.
- Para banners o cabeceras grandes, puedes necesitar entre 1600 y 2000 px, según el diseño.
- Ajusta siempre las dimensiones al espacio donde se mostrará la imagen, teniendo en cuenta también las pantallas de alta densidad.
Ejemplo práctico
Una foto de móvil puede medir 4000 px de ancho. Si solo necesitas mostrarla a 1200 px, reducir sus dimensiones puede disminuir considerablemente el peso sin que se aprecie una pérdida de calidad en su uso previsto.
💡 Recorta tus imágenes a la medida que necesitas.
Con nuestra herramienta gratuita Recorta tu imagen puedes establecer unas dimensiones concretas, ajustar el encuadre y descargar el resultado sin deformar la fotografía. También puedes obtenerla en formato WebP.
Formato: usa el adecuado en cada caso
Elegir bien el formato influye directamente en el peso del archivo y en la velocidad de carga de la página.
Qué usar
- JPG: adecuado para fotografías y banners. Ofrece buena compatibilidad.
- PNG: útil para gráficos que necesitan transparencia o conservar detalles sin pérdida, aunque puede generar archivos más pesados.
- WebP: una opción muy recomendable para fotografías y gráficos web, ya que normalmente permite reducir el peso manteniendo una buena calidad.
- SVG: especialmente útil para logotipos, iconos e ilustraciones vectoriales, siempre que procedan de una fuente segura.
Consejo
Para la mayoría de fotografías destinadas a una web, WebP es una buena elección. Si necesitas mantener un formato tradicional, JPG sigue siendo perfectamente válido.
Peso de las imágenes: aquí es donde más se falla
Una imagen puede tener las dimensiones correctas y seguir pesando demasiado. Por eso es importante comprobar tanto su tamaño en píxeles como el espacio que ocupa el archivo.
Referencias orientativas
- Imágenes normales de contenido: intenta mantenerlas por debajo de 200 KB cuando sea posible.
- Imágenes grandes, cabeceras o banners: entre 250 y 350 KB puede ser una buena referencia inicial.
- Si una fotografía supera 1 MB, conviene revisar si puedes reducir su peso.
Estas cifras son orientativas, no límites obligatorios. El peso adecuado depende de las dimensiones, el contenido visual y la calidad que necesites conservar.
💡 Comprueba y optimiza tus imágenes antes de subirlas.
Con nuestra herramienta gratuita Comprueba tu imagen puedes revisar sus dimensiones y peso, optimizarla y comparar cuánto ocupa el archivo original frente a su versión WebP.
Así puedes comprobar cuánto espacio ahorras y descargar la versión que mejor se adapte a tu web, sin instalar programas.
Nombre del archivo: pequeño detalle que también cuenta
El nombre del archivo ayuda a identificar su contenido y puede aportar contexto a los buscadores. No es el factor más importante del SEO de imágenes, pero merece la pena cuidarlo.
Buenas prácticas
- Utiliza nombres descriptivos, por ejemplo:
zapatos-mujer-rojos.webp. - Evita nombres automáticos como
IMG_4582.jpg. - Usa guiones para separar palabras.
- Evita espacios, tildes y caracteres especiales para mantener nombres sencillos y compatibles.
- No añadas palabras clave que no describan realmente la imagen.
No olvides el texto alternativo
Además del nombre del archivo, conviene revisar el texto alternativo o atributo ALT de las imágenes.
Este texto permite describir el contenido o la función de una imagen para las personas que utilizan lectores de pantalla. También puede ayudar a los buscadores a entenderla.
Por ejemplo, si la fotografía muestra unos zapatos rojos de mujer, un texto alternativo adecuado podría ser: «Zapatos de mujer rojos de tacón bajo».
Lo importante es que la descripción sea útil y natural. Si la imagen es puramente decorativa, lo adecuado suele ser dejar el atributo ALT vacío.
Conclusión: prepara tus imágenes antes de subirlas
Optimizar imágenes no es complicado, pero puede marcar una gran diferencia en la velocidad de carga de tu web.
Reducir las dimensiones, elegir un formato adecuado, controlar el peso y cuidar los nombres de archivo son pequeños hábitos que ayudan a mantener una web más rápida y ordenada.
Y para que puedas hacerlo sin complicarte, en Online Navarra hemos creado herramientas gratuitas que puedes utilizar directamente desde el navegador.
