Using Gatsby Image

Traced SVG Placeholders

Generates a traced SVG of the image and returns the SVG source as an ”optimized URL-encoded” data: URI. This provides an alternative to the default inline base64 placeholder image.

To make use of this technique, you can apply processing to an image with a GraphQL query by applying a traceSVG argument and the appropriate fragment applied.

Unsplash SVG Image Gallery

SVG 9,377 B
SVG 3,475 B
SVG 3,169 B
SVG 16,810 B
SVG 10,081 B
SVG 1,694 B

Documentation & related links