MDN Web Docs @mdn@mastodon.social
Public

📷 Ever wonder what’s really happening behind your web images?

From pixels to formats to compression, you should use:
- JPEG for details
- PNG for transparency
- WebP & AVIF for web-performance
- SVG for resolution-independent graphics

Read more 👇
developer.mozilla.org/en-US/bl

The MDN Web Docs logo, featuring a blue accent color, displayed on a solid black background.

Image formats: Pixel data from encoders to decoders | MDN Blog

From individual pixels to fully decoded images on your screen, raw pixel data gets transformed, compressed, and efficiently delivered. Learn about the techniques and optimizations that shrink image information without any perceivable loss in quality.

developer.mozilla.org · MDN Web Docs

0
0
0

If you have a fediverse account, you can quote this note from your own instance. Search https://mastodon.social/users/mdn/statuses/115685956321973437 on your instance and quote it. (Note that quoting is not supported in Mastodon.)