Image CompressionLesson 246Free preview
Compress Image
This lesson is part of Web Developer Tools · All levels
Summary
Image compression reduces file size by discarding less visible data, lowering dimensions, or clearing metadata. There are two approaches: lossy that reduces quality controlled, and lossless that maintains pixels but usually has smaller savings. For the web, adjusting the dimensions of the appearance often provides the greatest savings before the quality is lowered. Always compare previews before you save the results.
Key points
- Reduce dimensions to size to appear real before lowering quality
- Quality 7085 on JPG or WebP is often a balancing point
- The metadata EXIF and embedded thumbnails can be deleted to save space
- Avoid repeated compression of a lost file
- Use lossless for graphics lines, text, and logos
Full lesson
Code examples and quizzes
Full lessons, code examples, and quizzes are available to subscribers. 5 questions.