Using Gatsby StaticImage for Optimized Asset Delivery
Learn how to add a local image with Gatsby’s StaticImage component so the build creates multiple resolutions, serves WebP/Avif, and shows a blur placeholder.
ReadMeFeed / Community knowledge
Real questions. Useful conversations. Find the people who know your stack.
Learn how to add a local image with Gatsby’s StaticImage component so the build creates multiple resolutions, serves WebP/Avif, and shows a blur placeholder.
Learn how Ghost’s built‑in image service automatically resizes, compresses, and serves WebP images, giving you faster page loads without extra plugins.
Learn how GIMP 2.10’s native WebP export lets you produce smaller, lossless web images—and where its animation support falls short.