Html, código de tamaño de imágenes

Aquí te explicamos cómo y por qué incluir las dimensiones de las imágenes para subirlas en la web utilizando código HTML.

Programmazione HTML
Programmazione HTML

Aquí cómo y por qué insertar las dimensiones de las imágenes para cargar en la web utilizando el código HTML

La primera razón es que nos permite, especificando las dimensiones, redimensionar la imagen a nuestro gusto, pero siempre reduciéndola y nunca aumentándola con el código HTML.

La segunda razón es comunicar al navegador las dimensiones de la imagen a cargar para que el propio navegador tenga menos dificultad al cargarla y acelere la ejecución.

Si no sabemos qué dimensiones tiene la imagen, basta con cargarla en el navegador, colocar el cursor sobre la imagen, hacer clic derecho y en el menú elegir “Propiedades” donde se encuentran todas las informaciones de la imagen misma.

Ya hemos visto cómo insertar la imagen con el código HTMLPero refresquemos la memoria
<img src="immagini/stones.gif">

Ahora vamos a asignar las dimensiones en anchura y altura de la imagen, insertándolas en HTML:

<img src="immagini/stones.gif" width="50" height="50">

A través de los parámetros width e height hemos especificado las dimensiones de nuestra imagen expresadas en píxeles. Es fundamental indicar y especificar las dimensiones de las imágenes que insertarán en sus páginas web. Podrían no hacerlo, pero les aconsejo indicarlas siempre para permitir que el navegador cargue las imágenes con mayor rapidez.

Pubblicato in

Se vuoi rimanere aggiornato su Html, código de tamaño de imágenes iscriviti alla nostra newsletter settimanale

Sé el primero en comentar

Deja una respuesta

Tu dirección de correo no será publicada.


*