¡Que tal! hoy vamos a explicar como mostrar o insertar una imagen con PHP y también vamos a ver algunas de sus propiedades principales.
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.