Image format comparison: JPEG vs. PNG vs. WEBP vs. AVIF
Great deep-dive into how image formats stack up — JPEG, PNG, WebP & AVIF — comparing size, quality & compression efficiency. 📸📊
A must-read for designers & web devs!
photutorial.com/image-format… by @Photutorial#Image#Performance#ImagePerf
ALT GitHub Actions bot comment showing that images were automatically compressed by Calibre’s image-actions. The comment reports a 47.1% reduction in image size, saving 104.46 KB. A table displays one example file (‘Screen Shot 2020-09-17 at 3.29.33 pm.png’) reduced from 221.87 KB to 117.41 KB. It notes that 348 images did not require optimisation, and includes a ‘View diff’ link for visual comparison.
ALT Screenshot of an SVG file that includes an embedded image using base64 encoding. The image is inserted directly within the <image> tag using the xlink:href attribute, rather than linking to an external file. This means the entire image is stored inside the SVG as base64 data.
ALT Spectral images have a significant memory footprint because they store a large number of spectral bands. In this paper, we propose a lossy compression scheme that significantly reduces their file size with a negligible loss in quality. We use a cosine transform and separate overall brightness from the shape of the spectrum. The resulting channels are stored using JPEG XL, which provides state-of-the-art lossy compression.
Chrome Devtools' Overrides @cloudinary to validate the hypothesis of improving loading by optimising images and using a more modern format
#WebPerf#ImagePerf
Web performance calendar day 30 with @nucliweb showing us how to use Chrome Devtools' Overrides to try out potential improvements, such as putting an intelligent CDN in front of image requests
calendar.perfplanet.com/2024…
🏞️ Images below the fold can compete for bandwidth with more important requests and slow down your website.
Our most recent article takes a deep dive into what you can do to lazy load offscreen images, including background images.
debugbear.com/blog/defer-off…
I can now test Jpegli, Google's new JPEG encoding to improve image compression ☺️
"Jpegli can compress high quality images 35% more than traditional JPEG codecs." - Google
#WebPerf#ImagePerf#Image#JPEG#Codec
ALT Terminal screenshot of the jpegli tools' folder content