Cómo influye el tamaño de una imagen en la velocidad de tu web

El tiempo de carga de una página web es fundamental para que los usuarios disfruten de una experiencia satisfactoria navegando por la misma. Hoy en día el usuario cada vez es más exigente y tiende a abandonar un sitio web en busca de una mejor alternativa, si su contenido se demora en exceso en mostrarse. Se estima que cuando la velocidad de carga supera los tres segundo y medio, la tasa de abandono se incrementa de forma notable.

El tamaño de imagen para web es el principal factor que afecta la velocidad de carga, por lo que es fundamental controlar este aspecto para poder minimizar el tiempo de carga y así ofrecer la mejor experiencia de usuario.

Cuál es el peso y tamaño de una imagen recomendado para web

Los dos factores que influyen para que una imagen tarde en cargarse en una página web son su tamaño y su peso. A mayor tamaño o resolución, mayor será el peso de la imagen, aunque la calidad de la misma, también afecta a los bytes que ocupa.

Cuánto pesa una foto en alta resolución

Cuando se diseña una web, es normal tener la tentación de subir fotos e imágenes en alta resolución para que los usuarios puedan verlas con un nivel de calidad máximo. Sin embargo, este tipo de imágenes ocupan una gran cantidad de bytes, haciendo que el tiempo que tardan en mostrarse sea excesivo.

La alternativa es trabajar con formatos de imágenes comprimidos para poder buscar un balance entre su tamaño y calidad. Formatos como el JPG comprimen las imágenes haciendo que su peso disminuya de forma significativa, eso sí, a costa de reducir su calidad. 

Los formatos de imagen que utilizan la compresión pueden hacerlo en distintos porcentajes. Fijando esa compresión en un 60-80 % de calidad, se obtendrá una imagen con un peso mucho menor sin tener que sacrificar la calidad de la imagen en exceso.

Como norma general, se establece que el peso ideal de las imágenes o fotografías que se utilizan en una página web no deben superar los 200 kilobytes (kB).

Cuál es el tamaño ideal para imágenes web

El tamaño de imagen recomendado para web depende de cada página y sus objetivos. No es lo mismo un sitio web corporativo, que una tienda online o un portafolio de un artista gráfico o fotógrafo. 

Lo normal es redimensionar las fotos a un máximo de 1024 píxeles de ancho, aunque en sitios web donde la imagen es lo más importante de su contenido, se puede redimensionar a 2048 píxeles de ancho (buscando una mayor calidad de las imágenes).

Por encima de estas dimensiones el peso de la imagen se hace inviable para ser utilizado en páginas web o eCommerce por todo el tiempo de carga que necesitarían para mostrarse.