Try adding support for https://blurha.sh/

[KyleAMathews]

I ran across https://blurha.sh/ recently (via @jamo) which looks like an excellent blur-up — better than our existing method of relying on the browser to upscale a 20px image.

Would be interesting to try adding support for this to gatsby-plugin-sharp/gatsby-transformer-sharp/gatsby-image.

This would be an extra field on the image type that does the pre-processing. The library also includes a JS client library (1.6kb) that we'd include with gatsby-image — probably as an optional export e.g. import Img from "gatsby-image/with-blurha" or we could document how to pre-process the generated string to convert it back to an image.

Would someone like to try putting together a prototype so we can see how this works for real? Perhaps add this as another tab to https://using-gatsby-image.gatsbyjs.org/

[Darking360]

Hey! @KyleAMathews I'd love to try it out 🚀 Do you have like a getting started guide on how to contribute? 🤔

Let me know and I can start it tonight maybe (Venezuela time - GMT-4) 🙏

[KyleAMathews]

@Darking360 thanks for jumping in! We do have a contributing guide here https://www.gatsbyjs.org/contributing/how-to-contribute/

[Darking360]

Perfect @KyleAMathews ✍️ I'll fork the project and setup everything to start a draft on this, I'll let you know any advances, thank you! 🙌

[gatsbot[bot]]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

As a friendly reminder: the best way to see this issue, or any other, fixed is to open a Pull Request. Check out gatsby.dev/contributefor more information about opening PRs, triaging issues, and contributing!

Thanks for being a part of the Gatsby community! 💪💜

[Darking360]

Greetings @KyleAMathews how are you? I'm really sorry for the delay 😓

I just got time to finish the prototype for blurhash, I already create a PR here to test it and check that.

It's pretty "prototype" so I didn't know how fancy to get it done so hehe let me know how do you see it, I think it's really cool, the string generated even for components with X and Y with 9 and 9 which are the highest are pretty small so it's nice 🚀

Thanks a lot, I look forward for any feedback 💯 🙏

[m5r]

I took the opportunity to build a gatsby transformer for blurhash, let me know what you think about it

https://github.com/m5r/gatsby-transformer-blurhash