Responsive Images and iFrames
You aren't just limited to markdown image tags either. You can either use markdown image tags.
You aren't just limited to markdown image tags either. You can either use markdown image tags:
Or HTML image tags:
<img src="image.png" alt="">
Absolutely, these are supported too! Gatsby takes care to retain images' pixel density.
Sadly, Sharp – the library that does the actual image processing for us in gatsby-plugin-sharp – is not able to write out the GIF file format. We will just copy them over for you, instead, and also do that with SVGs.
An animated GIF of the Select2 Logo:
An inline example SVG. Tremendous!
And here's an awesome SVG tiger:
Let's add a YouTube video to show off responsive iFrames real quick: