premium training

PB101: L13 – The Fundamentals of Images in Web Design

This is a premium training for Inner Circle members only.

More about this video

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

My Cart
0
Add Coupon Code
Subtotal