withArtDirection

withArtDirection

withArtDirection is one of the helper functions that ships with gatsby-plugin-image

By default, the plugin displays different image resolutions at different screen sizes, but it also supports art direction, which is where a visually-different image is displayed at different sizes

examples

Here are some examples of how you could use withArtDirection

⚠️With all examples you’ll need to resize your browsers width to see the changes

lemon-thumbnail

Animation

This example will iterate through frames of an animation walk cycle

The src for these examples can be found here