Cómo insertar un gif en tu entrada

Un gif siempre es algo llamativo y que genera curiosidad en la gente.

Para los que no sepáis lo que son exactamente: Son los despliegues de imágenes animados para páginas web. Las típicas imágenes que se van superponiendo y crean sensación de movimiento. Cuya ventaja es que son el único formato soportado por multitud de navegadores que permite dicho efecto.

En concreto es algo como esto:

 

rocket_gif

 

Antes de empezar. Este post lo podéis encontrar como vídeo tutorial en Zalathun, ya os hablé de esta página en el post Insertar WordPress en tu pendrive. Pero como no se cual es vuestra disponibilidad para ver vídeos os lo dejo por escrito. El vídeo está aquí.

Empezemos. Hay tres opciones a la hora de hacerlo, dependiendo de la procedencia del Gif. La diferencia es sencilla; depende si el gif ya está colgado (las dos primeras opciones) en algún hosting o lo vas a subir tú (tercera opción) 

La opción con la que yo me siento más cómodo es esta:

  • Existen páginas en las que hay infinidad de ellos (Como puede ser Gifmania.com) ofertados de forma gratuita. En los que además te da la opción de insertar. Cuando pinchas en la opción de insertar te aparecen una líneas de código que deberás copiar y pegar en tu blog. Pero tienes que pegarlas en «Texto». Esta opción está en la esquina superior derecha del cuadro donde escribes tus posts.

Otra opción de la que dispones es la siguiente:

  • Esta es muy parecida a la forma en la que insertamos un vídeo de YouTube en un post. Buscas o encuentras en la red un gif que te gusta y que crees apropiado para tu post. Te introduces en la página de la que viene, esto es, la página en la que está alojado. Pinchamos con botón derecho en él y seleccionamos la opción Copiar URL de imagen. Volvemos a nuestro a blog y en Añadir objeto (esquina superior izquierda) pinchamos en Insertar desde URL y copiamos en la barra. Ya lo tienes.

Por último y quizás la opción menos intuitiva es la que te explico ahora:

  • Tienes un gif en el ordenador (ya sea por que lo has creado tú o por que te lo hayas descargado) que te interesa poner en tu post. Haz como con cualquier imagen: Pincha en Añadir objeto y luego en insertar objeto. Dentro de esta opción, Subir archivos y arrastra o selecciona el gif. Aquí viene lo curioso: Haz scroll en el menú de la derecha hasta Tamaño y selecciona la opción Tamaño completo. De esta manera no tomará tu archivo como una miniatura y se visualizará como tu quieras.

Como has podido ver, no existe ningún misterio, así que ya puedes llenar tu blog de gifs que ilustren tus posts.

Recuerda que si tienes alguna pregunta o método distinto para hacerlo déjanoslo en los comentarios. Te lo agradeceré yo y toda la comunidad.

bombilla_gif


Comentarios

4 respuestas a «Cómo insertar un gif en tu entrada»

  1. Muy buenos post , pero como puedo hacer para que un gif en movimiento se muestre con fondo transparente, he subido muchos gifs de fondo transparente en las entradas pero siempre los muestra con un fondo blanco?¿

  2. Avatar de Arturo Peris
    Arturo Peris

    Hola Rómin, hay algunos tutoriales en YouTube que te pueden ayudar.
    Aquí tienes uno: https://www.youtube.com/watch?v=RivSIUuBw8s

    Un saludo,

  3. Me he vuelto loco intentando poner un GIF viendo el archivo original, intentándolo poner con la URL… y me ha sido de gran ayuda lo de ponerlo en la opción «Tamaño Completo» Gracias infinitas!!

  4. Avatar de miguel
    miguel

    Hola primero agradecer por el post me ha aliviado algunas dudas pero me queda otra y es como yo hago una pagina de gifs donde la gente al hacer click en cada gif se muestre mi página con dicho gif, por ejemplo hay muchas paginas que monetizan sus webs con gifs y eso es lo que yo quiero hacer, gracias por tu respuesta.