DEV Community

Cover image for How to add a Giphy image to Dev.to posts in 2023
Patrick Canella
Patrick Canella

Posted on

How to add a Giphy image to Dev.to posts in 2023

I had issues with this so I thought I'd write a quick how-to on this. To the Dev.to folks: Why can't we easily embed this? There's no Giphy option in the embed tab. I tried using Giphy's embed as well, but it just would never show up.

This is kind of a rip off of this post, but Giphy has updated their site, so this is a tad different now.

  1. Okay, so first choose a gif, we'll choose this Giphy link: https://giphy.com/gifs/natgeowild-america-natgeo-americathebeautiful-ItIMgSW1kSAo0QTl30
  2. Click Share (see below)

Clicking the share button on Giphy

  1. Click Copy Giphy Share Link

How to copy gif link

  1. Take copied link from above and add it inside this tag:
<img width="100%" style="width:100%" src="https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExZWQ3NmZmMjMwODQwNjZiZTcwY2VhODhlMzE4NmRiZDYzYTNjNDM5MSZjdD1n/ItIMgSW1kSAo0QTl30/giphy.gif">

Enter fullscreen mode Exit fullscreen mode

End Result

Top comments (0)