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

rossPatton picture rossPatton  路  3Comments

brandonmp picture brandonmp  路  3Comments

benstr picture benstr  路  3Comments

jimfilippou picture jimfilippou  路  3Comments

ghost picture ghost  路  3Comments