驴Quieres saber c贸mo mostrar GIFs en HTML? En este art铆culo te explico todo lo que debes saber sobre estos elementos para que los puedas emplear en tu sitio web y a帽adirlos a trav茅s de HTML.
隆Despegamos!
Índice de Contenidos
驴Qu茅 es un GIF en HTML?
La palabra GIF es el acr贸nimo de Graphics Interchange Format, lo que se traduce al espa帽ol como Formato de Intercambio de Gr谩ficos. Se trata de un formato muy utilizado en la web, de forma que se puede afirmar que los GIFs en HTML son elementos que permiten a帽adir tanto animaciones como im谩genes a tu sitio web.
驴C贸mo insertar un GIF en HTML?
En la pr谩ctica, los GIFs en HTML no son m谩s que archivos con extensi贸n .gif que se suben al servidor web y se enlazan desde el documento HTML. Para ello, se utiliza la etiqueta <img>, la cual sirve para a帽adir im谩genes a la web.
Se trata de una etiqueta vac铆a (no tiene etiqueta de cierre) y su particularidad es que siempre debe llevar consigo el atributo src, en cuyo valor se indica la ruta al archivo GIF que deseas mostrar en HTML.
En el siguiente ejemplo, te muestro el c贸digo necesario para mostrar un archivo GIF llamado gifs-html.gif almacenado en la carpeta uploads del servidor donde se aloja este sitio web. A su vez, la carpeta uploads se encuentra dentro del directorio wp-content, el cual se ubica en la carpeta ra铆z del servidor.
<img src="https://htmlmasters.tech/wp-content/uploads/gifs-html.gif">
El resultado de aplicar dicho c贸digo es el siguiente:
Para subir la imagen a tu servidor web, puedes emplear programas como FileZilla. Si empleas un gestor de contenidos como WordPress, debes acceder a Medios -> A帽adir Nuevo y arrastrar o subir el archivo en cuesti贸n.
Despu茅s, una vez el archivo se encuentre en la biblioteca de medios, podr谩s acceder a 茅l y copiar su URL:
驴D贸nde encontrar GIFs para a帽adir en HTML?
Hay una serie de fuentes en las que encontrar GIFs libres de derechos de uso que podr谩s a帽adir a tus sitios web. Te recomendamos las siguientes:
En cualquier caso, antes de emplear una imagen de terceros en tu sitio web, te recomiendo revisar sus condiciones de uso a la hora de descargarla, ya que las plataformas anteriores pueden modificar peri贸dicamente sus pol铆ticas.
GIFs en HTML: conclusi贸n
Si quieres a帽adir GIFs en HTML, 煤nicamente debes emplear la etiqueta <img> indicando en su atributo src la ruta del archivo con extensi贸n .gif. Podr谩s encontrar y utilizar dichos ficheros en webs como las que te he explicado y a帽adirlos a tu servidor mediante una conexi贸n FTP (FileZilla) o empleando un gestor de contenidos como WordPress.
Espero que este art铆culo te haya sido de ayuda. Para m谩s art铆culos como este, te recomiendo visitar todas nuestras entradas.
隆Hasta la pr贸xima!