Website Image Optimization FAQ

Question 1

What is website image optimization?

Accepted Answer

Image optimisation is one of those things that sounds simple at first but ends up being more effort than you’d expect. It involves using modern formats like WebP and AVIF, sizing your images properly, using srcsets, and lazy loading to get your loading times up to scratch—and keep Google Speed Insights off your back.

Question 2

Which image formats should I use on my website?

Accepted Answer

Use JPEGs for photos, PNGs for non-vector graphics with transparency, SVGs for scalable graphics like icons and logos, WebP for modern image compression, and AVIF if you want even better savings. Stop using JPEGs and PNGs everywhere just because that's what you're used to—2025 has better options.

Question 3

What is lazy loading and should I use it?

Accepted Answer

Lazy loading defers off-screen images from loading until they’re actually needed. It’s super easy to add—just throw loading=\"lazy\" into your image tag. But don’t lazy load images above the fold or your hero image—those need to be visible straight away, or you’ll cause other layout and render issues.

Question 4

What does 'properly size images' mean in Google Speed Insights?

Accepted Answer

It means you’re serving an image that’s way bigger than what it’s actually rendering at. For example, loading a 2000px-wide image in a 300px frame. Use srcsets to give the browser multiple size options so it can pick the right one based on the user’s screen size.

Question 5

Can I just use a CDN to optimise images?

Accepted Answer

Yes and no. CDNs like Cloudflare and EWWW can do a lot for you—automatic compression, image resizing, format conversion—but you’ll still get the best results manually. Don’t just switch it on and expect miracles; you still need to lazy load, write proper markup, and actually test things.

Question 6

What’s the difference between WebP and AVIF?

Accepted Answer

WebP is supported almost everywhere and works well, but AVIF is better in terms of compression. AVIF can give you 30–50% smaller file sizes compared to WebP, but it’s less supported in design tools and takes longer to encode. If you can use AVIF, do it.

Web Design News

The Ultimate Guide to Website Image Optimisation

Visual Hierarchy in Web Design: The Ultimate Guide for 2025

Charity Web Design | Pro Bono Website for The Great Friendship Project

Sustainable Website Design: How to Reduce Your Digital Carbon Footprint

Is Responsive Web Design Still Relevant in 2025?

CreativeWeb Recognised as a Clutch Global Leader & Clutch Champion

Website Accessibility And Why It Matters

Website Launch – Gibraltar Nature Reserve

The Purpose of Mental Models in Web Design

The Rise of the Headless CMS

8 Web Design Trends to Follow in 2021

The Ultimate Guide to UI and UX

Contact