Discover how to incorporate a variety of media formats, such as images, videos, GIFs, SVGs, and so on, in a Gatsby website. Juan Rodriguez shares what he’s learned about optimizing files for improved performance after working with different plugins and techniques.

Smashing Magazine is a reputable publication that caters to web designers and developers, offering a  articles, tutorials, and resources to help them stay at the forefront of their craft. With a focus on practical, actionable insights, Smashing Magazine covers a wide range of topics, including frontend development, UX/UI design, performance optimization, and responsive web design. The platform also hosts conferences, workshops, and webinars, providing opportunities for professionals to network and further their skills. By following Smashing Magazine, developers can access resources to enhance their knowledge, skills, and career prospects in the rapidly evolving field of web development.

Smashing Magazine

This article provides solutions to common headaches when working with media files in Gatsby, such as optimizing image files, lazy-loading images, implementing responsive images, loading background images, using plugins like gatsby-plugin-image and gatsby-source-filesystem, working with videos and audio, handling iframes, and using SVGs in various ways.

Gatsby Headaches: Working With Media (Part 1) — Smashing Magazine

Solving Video And Audio Headaches In Gatsby