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

Comments

Projects
None yet
3 participants
@KyleAMathews
Copy link
Contributor

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!

@fk fk referenced this issue Oct 14, 2017

Merged

[gatsby-plugin-sharp] SVG traced placeholders #2456

5 of 5 tasks complete
@benjaminhoffman

This comment has been minimized.

Copy link
Member

commented Nov 5, 2017

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

@KyleAMathews

This comment has been minimized.

Copy link
Contributor Author

commented Nov 5, 2017

Indeed!

@hackhat

This comment has been minimized.

Copy link

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
You can’t perform that action at this time.