Title: imagen
Course: Digitalización 4ESO

Insertar imágenes

Cuando añadimos imágenes a una página web, estas no se guardan dentro del documento, sino se enlazan y es el navegador el que inserta la imagen en el sitio deseado y con las dimensiones que hayamos definido.

etiqueta

Las imagenes se insertan dentro de una etiqueta única (no tiene etiqueta de cierre). La sintaxis es la siguiente:
<img src="imagen.jpg" width="ancho" height="alto" alt="texto alternativo">

Atributos:

- src ponemos la ruta al archivo que contiene la imagen.
- width y height indican el ancho y el alto. Si no se indican, serán el alto y el ancho que tenga la imagen. Si los valores son más grandes que los de la imagen, esta se amplia y si son más pequeños se reduce. Si la imagen no se cargara bien, estos datos permiten que la maquetación de la página no se estropee ya que el navegador mostrará el hueco de la imagen.
- alt indica el texto alternativo que mostrará el navegador en el caso de no haber podido insertar la imagen por el motivo que sea.

Sobre el tamaño de las imágenes

Reducir el tamaño de una imagen haciendo el width y el heidth más pequeños que los de origen no hace que la página se cargue más rápidamente, ya que aunque esta se visualice más pequeña, los datos que viajan son los de la imagen grande.

Q: ¿Es correcto visualizar una imagen en una página web con un tamaño menor al de la imagen en sí?
- Sí, si la foto ocupa muy poco espacio
- Sí, en cualquier caso
- Sí, si la diferencia de tamaño es muy pequeña
- Únicamente si la diferencia de tamaño es muy grande
A: Sí, si la foto ocupa muy poco espacio; Sí, si la diferencia de tamaño es muy pequeña

Q: ¿Es correcto visualizar una imagen en una página web con un tamaño mayor al de la imagen en sí?
- Sí, si no pierde calidad
- Sí en cualquier caso
- No, a menos que la imagen sea muy pequeña
- No en cualquier caso
A: Sí, si no pierde calidad