Image CompressionLesson 253Free preview

Compress to 200 KB

This lesson is part of Web Developer Tools · All levels

Summary

The 200 KB limit is suitable for product photos, hero images, or medium-sized content images on the web. At this size you can maintain pretty good detail as long as the dimensions are not excessive. Provide several sizing variants so that the browser can only download what is needed, for example via srcset. Also check if the platform will compress the image after it's uploaded.

Key points

200 KB provides a balance between the quality and the speed of the page
Provide different sized variants for mobile phones and desktops
The srcset attribute helps the browser select the appropriate file
Social media platforms often recompress their posts
Check the product's texture details to keep it convincing.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.