Morphix
EN
Log in Sign up
Use case · Web performance

Optimize images for the web

Unoptimized images are the number one cause of slow websites. Convert to modern formats, compress aggressively, and serve the right size. Here is how to do it right.

Start optimizing All conversion tools
Why it matters

Images make or break web performance

01

LCP depends on images

Largest Contentful Paint (LCP) is a Core Web Vital. In most cases, the LCP element is an image. Optimize it and your LCP score drops.

02

Google ranks faster pages higher

Page speed is a confirmed Google ranking factor. Optimized images improve your PageSpeed Insights score, which feeds into search rankings.

03

Mobile users are impatient

53% of mobile visitors leave a page that takes longer than 3 seconds to load. Optimized images are the fastest win for mobile performance.

Recommended settings

Recommended settings for the web

Convert photos to WebP at quality 80. Use AVIF for maximum compression if browser support is acceptable. Resize to the actual display size.

  • FormatWebP (AVIF for bleeding edge)
  • Quality75-82
  • Target sizeUnder 100 KB for hero images, under 50 KB for thumbnails
How to

Optimize images for the web in 3 steps

1

Convert to a modern format

Switch from JPG/PNG to WebP or AVIF. WebP is universally supported. AVIF offers 20-50% better compression but slower encoding.

2

Compress to the right quality

Quality 80 is the sweet spot for web. Below 75, artefacts become visible on high-density screens. Above 85, file size gains plateau.

3

Resize to actual display dimensions

Do not serve a 4000px image in a 800px container. Resize first, then compress. This alone can reduce file size by 80%.

FAQ

Common questions

Should I use WebP or AVIF for my website?
WebP is the safe default: 96% browser support, excellent compression, fast encoding. Use AVIF if you want maximum compression and can serve WebP as a fallback via the HTML picture element.
What is a good target file size for web images?
Aim for under 100 KB for hero images and under 50 KB for thumbnails. Product photos should stay under 200 KB. These targets keep pages loading in under 2 seconds on mobile.
Does image optimization affect SEO?
Yes, positively. Faster pages rank better, and Google indexes WebP and AVIF images normally. Optimizing images improves both your PageSpeed score and your search rankings.

Ready to speed up your website?

Convert, compress, and resize your images for the web. Free, no signup.

Start optimizing