Ways to Organize and Prepare Images for a Blur-Up Effect Using Gatsby

2 · CSS-Tricks · Nov. 18, 2019, 5:15 p.m.
Summary
Gatsby does a great job processing and handling images. For example, it helps you save time with image optimization because you don’t have to manually optimize each image on your own. With plugins and some configuration, you can even setup image preloading and a technique called blur-up for your images using Gatsby. This helps with a smoother user experience that is faster and more appealing. I found the combination of gatsby-source-filesystem, GraphQL, Sharp plugins and gatsby-image quite tedi...