Para insertar imágenes en una página web utilizamos la etiqueta IMG, cuya sintaxis es la siguiente:
<img src="nombre_de_la_imagen.ext">
Los formatos de las imágenes soportados en la web son los formatos GIF, JPG y PNG. El formato BMP no es soportado por los navegadores ya que no es un formato reconocido por la W3C (World Wide Web Consortium). Por lo tanto es mejor no utilizarlo.
Lo primero que debemos hacer es asegurarnos que el nombre de la imagen no tiene ningún espacio ni carácter especial (especialmente acentos).
En algunos navegadores, los caracteres son codificados con el carácter “%” antes.
Por ejemplo, un espacio se convierte en “%20”.
Si el carácter “%” se encuentra en la dirección, esto quiere decir que el nombre del archivo es incorrecto.
Por otra parte, de preferencia debemos indicar la ruta relativa de la imagen:
Sólo indicaremos únicamente el nombre de la imagen cuando ésta se encuentre en la misma carpeta que la página html, en caso contrario, deberemos indicar su ruta relativa.
Por ejemplo: ../carpeta/img.jpg
O también podemos indicar su ruta absoluta, por ejemplo:
<img src="
http://site.net/images/img.jpg">
En el caso de la ruta absoluta de la imagen, ésta será la misma para todas las páginas del sitio web.
También habrá que respetar las mayúsculas y minúsculas.
Por ejemplo, si la imagen se encuentra en: mis_imagenes/imagen_1.png
La ruta debe ser escrita de la misma manera:
<img src="mis_imagenes/imagen_1.png">
Y no:
<img src="
Mis
_Imagenes/imagen_1.png">
<img src="mis_imagenes/
Imagen_1.png">
PD: El
original fue escrito por Jeff, contribuidor de
CommentCaMarche