No me aparecen las imágenes en mi página web
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
<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
Consulta también
- No me aparecen las imágenes en mi página web
- No aparecen imagenes de mi pagina wp
- Porque no me sale la imagen en zip
- Google Chrome: No mostrar imágenes en los sitios web » Fichas prácticas - Google Chrome
- Cómo quito las imágenes de las páginas web (Resuelto) » Foros - Software
- Error al cargar vídeos, imágenes y algunas páginas web (Resuelto) » Foros - Internet
- No puedo ver imágenes de algunas páginas web » Foros - Internet
- Cómo eliminar las imágenes de páginas web en Google Chrome » Fichas prácticas - Google Chrome
Publicado por Carlos-vialfa.
Última actualización: 7 de octubre de 2008 a las 18:45 por Carlos-vialfa.