Images might seem like a pretty straightforward topic, but there’s a lot to learn and a lot to know. And it’s one of the areas where I see tons of mistakes that dramatically impact essential things like SEO, accessibility, performance, and more.
In this lesson, you’ll learn the fundamentals of working with images in web design. We’ll cover:
✅ Basic image formats (jpg, png, SVG)
✅ Next-gen image formats (webp, avif)
✅ Real images (HTML) vs background images (CSS)
✅ Figure tags
✅ Alt tags
✅ SRCSET responsive images
✅ Pre-optimizing images
✅ Plugin-based image optimization
✅ Image organization in WordPress
✅ Generating multiple image sizes
✅ Making real images behave like background images
✅ Text overlays on real images
✅ Common mistakes with images
More details on how to configure Shortpixel settings are found in my Plugin Blueprint video here