DEV Community

Cover image for How To Add Giphy Gifs into dev.to posts
Timo Ernst
Timo Ernst

Posted on • Originally published at timo-ernst.net

How To Add Giphy Gifs into dev.to posts

I couldn’t believe there is no liquid tag for Giphy in dev.to. So I thought: “Hmm, maybe the platform is smart enough if I just paste in the HTML embedded tag from Giphy” – but nope. Not working. So, here is how I solved it. First find your gif. I will use the infamous Picard facepalm here.

On that page, click on “copy link”:

Then copy the url from “GIF Link” in the middle:

Last but not least create a new post on dev.to and add:

<img width="100%" style="width:100%" src="https://media.giphy.com/media/TJawtKM6OCKkvwCIqX/giphy.gif">
Enter fullscreen mode Exit fullscreen mode

Don’t forget to replace the url in the src attribute with the url of the gif you chose!

Et voilà, there you have it:

For more dev tips you can follow me here on social media:

Top comments (9)

Collapse
 
dmitryzub profile image
Dmitriy Zub ☀️

You can add GIFs the same way as you would add and image: ![Alt text of a GIF](put-link-to-gif-here)

Example using ![alt image](image):
goat

Collapse
 
babib profile image
𝐁𝐚𝐛𝐢 ✨

I tried this while writing a post but it didn't work

Collapse
 
dmitryzub profile image
Dmitriy Zub ☀️ • Edited

Hm, that's interesting. Because the GIF in the initial comment I left was added this way. ![](gif-url) should work. Just confirmed that it's working on my dev.to blogs, GitHub and other websites that support Markdown format.

Thread Thread
 
babib profile image
𝐁𝐚𝐛𝐢 ✨

Ok. I don't know why mine didn't display

Collapse
 
valdeirpsr profile image
Valdeir S.

Thanks! If the "Copy link" does not appear, just right-click on the image and copy the URL

Collapse
 
babib profile image
𝐁𝐚𝐛𝐢 ✨

Thanks!

Collapse
 
jasurkurbanov profile image
Jasur Kurbanov

Thank you for tutorial!

Collapse
 
lusks profile image
Lucas Novaes

Thanks! It worked :}

Collapse
 
reprodev profile image
Repro Dev

Thank you, this worked for me just fine on my first Dev To Post