Insertar Imagen en PHP

Juan Antonio Munoz Castro - emoji con bus

Insertar imagen en PHP

Si ya conoces la etiqueta html para insertar una imagen y quieres ir directo al grano aquí te dejo un pequeño ejemplo que explicaré con detalle a lo largo del post.

<?php

    echo '<img src="https://dominio.es/url-completa-a-la/imagen.jpg" alt="Texto Alternativo para la imágen" class="Clase para la imágen" id="Identificador para la imágen" width="300px" height="300px">';

?>

Etiqueta HTML para insertar imágenes en una web

Genial!, ya sabemos como insertar una imagen en PHP de forma sencilla pero… ¿conoces todos los atributos que hemos usado en el ejemplo?

¡Vamos a verlos!

👁️‍🗨️ src=”https://dominio.es/url-completa-a-la/imagen.jpg”

El atributo src nos sirve para indicar la ruta o URL donde se encuentra almacenada  la foto.

👁️‍🗨️ alt=”Texto Alternativo”

Su uso es para temas de accesibilidad. Mediante este atributo tenemos que describir que se ve en la imagen para que los reproductores para personas con dificultades para ver puedan interpretar correctamente el contenido de la web.

A nivel SEO se utiliza también, junto con otros muchos tips, para añadir palabras clave a posicionar.

👁️‍🗨️ Class=”clase” – id=”identificador”

Estos atributos son importantes tanto para CSS como para javascript, mediante ellos se podrá llamar a la etiqueta en cuestión para realizar cualquier cambio en la misma.

En CSS por ejemplo lo podemos usar para modificar el tamaño, añadir bordes, sombra, etc.

👁️‍🗨️ width y height

Personalmente me gusta ajustar el ancho y alto con CSS pero la etiqueta img de html nos permite ajustarlos mediante estos atributos directamente.

¿Por qué usar PHP para insertar una imagen si ya la tengo en html?

Si estas buscando como insertar una imagen con php tú mismo/a tienes la respuesta. Normalmente cuando trabajamos con PHP estamos creando un contenido más “dinámico”, por así decirlo. Puede que estemos recorriendo archivos de un formulario, recorriendo los resultados de una consulta a la base de datos, etc. Por lo que insertar, sirva como ejemplo, una imagen con una url almacenada en una base de datos es imposible hacerla directamente con HTML sin usar PHP o Javascript.

Deja un comentario

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

Información básica sobre protección de datos Ver más

  • Responsable Juan Antonio Muñoz Castro .
  • Finalidad Moderar los comentarios. Responder las consultas.
  • Legitimación Tu consentimiento.
  • Destinatarios SERED.
  • Derechos Acceder, rectificar y suprimir los datos.
  • Información Adicional Puedes consultar la información detallada en la Política de Privacidad.

Ir arriba
Esta web utiliza cookies, puedes ver aquí la Política de Cookies