¿Por qué declarar el alto y ancho de las imágenes?
Cuando un navegador muestra tu página web tiene que realizar varias acciones antes de que pueda mostrar el contenido. Una de las cosas más simples e importantes que hace es diseñar tu página web en torno a las imágenes. Sólo puede hacer esto sí sabe de qué tamaño son las imágenes.

Si no le indicas al navegador las dimensiones de las imágenes, este tiene que “construir” la página no una vez sino dos veces (o más dependiendo de la cantidad de imágenes que tengas en la página). La construirá una vez para mostrar todo el texto y luego tiene que esperar hasta que una imagen se haya descargado.

Especifica las dimensiones de las imágenes en tu página web.
Especifica las dimensiones de las imágenes en tu página web.
Cuando una imagen se descarga el navegador puede determinar el tamaño de la imagen y reconstruirá la página para ajustar el texto alrededor de esa imagen. Este proceso se va a repetir para cada imagen en tu página.

Si has especificado las dimensiones de la imagen, el navegador conocerá el tamaño de las imágenes y puede utilizar esa información para dar forma a la página. No tendrá que reconstruir la página de un millón de veces.

¿Cómo especificar las dimensiones de una imagen?
Esto se lleva a cabo mediante la inserción de código en las etiquetas “imagen” del código HTML.

Este es un ejemplo de una etiqueta imagen sin dimensiones:

<img src="image.jpg" />
Este es un ejemplo de una etiqueta imagen con dimensiones incluidas (ancho y alto):
<img src="image.jpg" width="200" height="200" />
Indicar el ancho y alto de las imágenes puede realmente ayudar a que tus páginas web se carguen más rápido y se vean mejor cuando están cargando.

¿Quieres más?

No te pierdas las actualizaciones del blog y recibe mas información en tu email sobre el correcto “Posicionamiento en Google“.

¡Suscríbete y mantente al día!

Suscríbete…

¿Me Compartes?
Me gustaría conocer tu opinión sobre este artículo en la sección de comentarios que encontrarás a continuación y que lo compartas para que otras personas lo puedan disfrutar. Gracias.
Share on Facebook0Tweet about this on TwitterShare on Google+0

Deja un comentario

Los campos marcados con * son obligatorios.

Borrar formularioEnviar Comentario