¿Te preguntas cómo insertar imágenes en HTML en una página web? Ciertamente no hay que ser un experto en html para saberlo, pero sí conocer algunos fragmentos básicos de este código.
Cómo insertar imágenes en HTML
Vale, te gustaría insertar una bonita imagen en tu web, pero no sabes cómo hacerlo (por cierto, si tienes problemas para encontrar imágenes adecuadas aprende como elegir imágenes para webs y blogs). Si tienes acceso al código HTML, lo tienes fácil. Solo hay que insertar el siguiente fragmento de código en el lugar adecuado donde quieres que aparezca la imagen:
<img src=”url/imagen.jpg” alt=”Nombre de la imagen” height=”Xpx″ width=”Ypx″>
Quizás puesto así te suene a chino así que voy a explicarte qué es cada cosa:
Img src: es la ubicación de la imagen, la dirección donde se encuentra. JPG, JPEG y PNG son los formatos más habituales. Preferiblemente usa imágenes en jpg, que ocupan menos.
alt: el texto alternativo de la imagen. Lo que pongamos en esta etiqueta es lo que verá alguien a quien no se le cargue la imagen (por ejemplo, si el alt es “perro enterrando un hueso”, si alguien no puede visualizar la imagen al menos sabrá lo que debería ver).
Height y width: son respectivamente el alto y el ancho de la imagen (en píxeles)
Ahora que sabes lo que es cada cosa, vamos con un ejemplo real:
<img src=»https://www.yoseomarketing.com/wp-content/uploads/2017/03/certificado-ssl-98.jpg» alt=»certificado ssl» width=»961″ height=»601″ />
Lo que hemos visto es el código básico, luego se le pueden ir añadiendo florituras como el alineado y diferentes estilos.
Cómo ves, insertar una imagen en HTML en tu web no es nada complicado, y aunque lo habitual es hacerlo a través de la interfaz gráfica de un CMS, también puedes verte en el apuro de tener que hacerlo a mano, como nuestros antepasados programadores. Además, siempre es recomendable acompañar cualquier texto con una imagen, hace el contenido más atractivo y mejora el SEO.
Ten en cuenta que el tamaño de la imagen debe ser el adecuado para que se vea bien y que si subes una imagen demasiado pesada, afectarás negativamente a la velocidad de carga, así que te recomiendo que sepas cómo cambiar el tamaño de una imagen sin perder calidad.
Si tienes alguna duda sobre cómo insertar imágenes HTML en tu web, por favor, no te quedes con ella. Los comentarios están para ese tipo de cosas, úsalos ;).
Te deSEO un buen día,
William Penguin.