Gatsby: Support "traced placeholder" generation in gatsby-plugin-sharp

Created on 12 Oct 2017  ·  3Comments  ·  Source: gatsbyjs/gatsby

Ran across on Twitter this really cool demo of a generating outlines of images and using them as placeholders while loading the image:

https://twitter.com/mikaelainalem/status/918213244954861569

s5o6zbl1icr_eftt

It'd be fun if we could build this into our image processing pipeline

Following this thread which suggested using a unix tool named potrace. There's also a little-used JS port of potrace.

If anyone wants to experiment with this, it'd be a really cool addition to Gatsby!

Most helpful comment

This should be added to gatsby-remark-images to be consistent, otherwise some images will be blurred, others will have svg.

All 3 comments

I think this has been merged yeah? Can close issue?

Indeed!

This should be added to gatsby-remark-images to be consistent, otherwise some images will be blurred, others will have svg.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

dustinhorton picture dustinhorton  ·  3Comments

ferMartz picture ferMartz  ·  3Comments

magicly picture magicly  ·  3Comments

Oppenheimer1 picture Oppenheimer1  ·  3Comments

benstr picture benstr  ·  3Comments