Contenidos

    alt

    ¿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.

    Artículos Relacionados
    08/09/2020 Por qué contar con un apartado FAQ en tu página web

    Hoy en día, toda página web que se precie, ya sea una tienda online o un portal corporativo, dispone...

    29/05/2020 ¿Quieres aprender que es Google Trends? Mejores usos

    ¿Quieres aprender que es Google Trends? Si tu respuesta es sí, te animamos a seguir leyendo nuestra web, no...

    16/05/2020 Estrategia de Marketing Digital

    Caso de Estudio | Antecedentes

    Este cliente que analizamos hoy, opera desde el año 2.013 ofreciendo servicios de Software para...

    Inconvenientes del SEO 23/10/2019 Los inconvenientes del SEO y cómo solucionarlos

    El SEO es una herramienta de marketing muy eficaz, sin embargo, es imprescindible que conozcas los inconvenientes...

    Deja un comentario

    Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *