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 una respuesta

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

Ver más

  • Responsable: Juan Antonio Muñoz Castro.
  • Finalidad:  Moderar los comentarios.
  • Legitimación:  Por consentimiento del interesado.
  • Destinatarios y encargados de tratamiento:  No se ceden o comunican datos a terceros para prestar este servicio. El Titular ha contratado los servicios de alojamiento web a SERED que actúa como encargado de tratamiento.
  • Derechos: Acceder, rectificar y suprimir los datos.
  • Información Adicional: Puede consultar la información detallada en la Política de Privacidad.

Ir arriba
Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver Política de cookies
Privacidad