Tamaño adecuado de imagen de fondo para la web

A la hora de crear un sitio web, es importante comprender cómo van a interactuar las imágenes, los cuadros de texto y los hipervínculos entre ellos para crear un todo funcional. Esto se aplica especialmente a las imágenes de fondo, las cuales pueden agregar color y estilo a un diseño que de otro modo sería minimalista. No obstante, si no optimiza esta imagen con las dimensiones y el tamaño de archivo correctos, podría hacer que el sitio web sea más lento o la imagen se estire de forma poco agradable. A continuación hemos detallado algunos pasos esenciales para seleccionar y cambiar el tamaño de imágenes de fondo para la web.


¿Necesita imágenes para su proyecto? ¡La impresionante colección de Shutterstock de más de 70 millones de imágenes puede ayudarlo! Vea lo que nuestra biblioteca tiene para ofrecer.


El tamaño lo es todo
Las imágenes de fondo son excelentes para hacer que un sitio se destaque, pero cuanto más dependan sus páginas de estas imágenes, más lento será su sitio web. Para evitar ralentizar su sitio web con demasiada información, deberá encontrar el equilibrio óptimo entre calidad y tamaño de imagen. Es útil pensar en los estándares de resolución actuales, los cuales indican cuántos píxeles aparecen en una pantalla. 

Hoy en día, algunas de las resoluciones más populares de computadoras de escritorio y tablets son 1280 x 800, 1366 x 768 y 1920 x 1080. Por otro lado, los teléfonos inteligentes mostrarán su sitio web con una resolución mucho menor, como 320 x 480 o 800 x 480. Por último, la última línea de computadoras con pantallas Retina requieren imágenes que son el doble de grandes que las de un monitor promedio. 

Cómo encontrar el punto medio
¿Cómo se supone que uno puede crear una imagen de fondo que cumpla con todos estos requisitos? Si busca usar una imagen de fondo con mucho detalles, lo mejor es mantener un tamaño de archivo que esté por debajo de 1 MB (y si es posible, por debajo de los 100 KB). 

Una imagen de fondo de 1 MB podría poner a prueba los límites de la velocidad de Internet del usuario común, pero no arruinará su experiencia en la web, así que es una buena regla de oro. Además, si el mismo fondo puede usarse en todo el sitio, puede hacer que la resolución sea un poco mayor, dado que la imagen se almacenará en el caché del usuario después de que la cargue por primera vez. Recomendamos que cambie el tamaño de su imagen de fondo para que tenga una relación de 1,777 a 1, la cual es óptima para pantallas con una resolución de 1920 x 1080. 

  • ¿Le fue de utilidad este artículo?

¿No encuentra lo que está buscando?