Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Support "traced placeholder" generation in gatsby-plugin-sharp #2435

Closed
KyleAMathews opened this issue Oct 12, 2017 · 3 comments
Closed

Support "traced placeholder" generation in gatsby-plugin-sharp #2435

KyleAMathews opened this issue Oct 12, 2017 · 3 comments

Comments

@KyleAMathews
Copy link
Contributor

@KyleAMathews KyleAMathews commented Oct 12, 2017

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!

@benjaminhoffman
Copy link
Contributor

@benjaminhoffman benjaminhoffman commented Nov 5, 2017

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

@KyleAMathews
Copy link
Contributor Author

@KyleAMathews KyleAMathews commented Nov 5, 2017

Indeed!

@hackhat
Copy link

@hackhat hackhat commented Oct 26, 2018

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Linked pull requests

Successfully merging a pull request may close this issue.

None yet
3 participants