Compression of Spectral Images using Spectral JPEG XL
Recent searches
Search options
#ImagePerf
0 posts0 participants0 posts today
Looking how browsers choose the right image to load with srcset, dpr, and sizes
iankduffy.comLooking how browsers choose the right image to load with srcset, dpr, and sizes | Articles | IanKDuffy.comAn Article on Looking how browsers choose the right image to load with srcset, dpr, and sizes | Articles
Squish
Compress and convert your images to AVIF, JPEG, JPEG XL, PNG, or WebP
A great tool (by @addyosmani) to optimize images in your browser.
squish.addy.ieSquish - Batch Browser-based Image CompressionFast, efficient batch image compression right in your browser. Supports AVIF, JPEG, JXL, PNG, and WebP formats with adjustable quality settings.
A Guide To Image Optimization On Jamstack Sites
https://www.smashingmagazine.com/2022/11/guide-image-optimization-jamstack-sites/ by @dawntraoz
Smashing Magazine · A Guide To Image Optimization On Jamstack Sites — Smashing MagazineIn this article, Alba Silvente shows us the theoretical and practical solutions to the most common problems when working with images and how to automate them by using a headless CMS and an image CDN.
JPEG VS AVIF - The Battle of Compression
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 Challenge
Find the three opportunities to improve these images
The Unreasonable Effectiveness of JPEG: A Signal Processing Approach
Jpegli is a new JPEG coding library that is designed to be faster, more efficient, and more visually pleasing than traditional JPEG
https://opensource.googleblog.com/2024/04/introducing-jpegli-new-jpeg-coding-library.html
Google Open Source BlogIntroducing Jpegli: A New JPEG Coding LibraryJpegli, an advanced JPEG coding library that maintains high backward compatibility is faster, and more efficient, than traditional JPEG.
JPEG: Still Image Data Compression Standard, new book for the collection
Yes, I even optimize the images I add to the web performance report 
Please, optimize your images, do it for your users.
Use correct size, you can use Responsive Images
Use modern image format: WebP, AVIF, JPEG XL
Ensure a correct optimization, config your codec
Bonus: Use Cloudinary as Image CDN service
Should AVIF be the dominant image format on the web?
https://tsev.dev/posts/2023-11-10-should-avif-be-the-dominant-image-format/
Should AVIF be the dominant image format on the web?Tim SeverienBlog of another senior web engineer
Automatically Compress Images on Pull Requests
https://calibreapp.com/blog/compress-images-in-prs by @calibre
#WebPerfTip
Avoid unnecessarily large images
Serving images that are too large leads to slower requests and wasted bandwidth
"If an image is served as 1000x1000px but is rendered in a 500x500px box, it's 4 times larger than necessary" - @debugbear
Safari 17 supports JPEG-XL image format
Check your browser's image support
https://lab.nucliweb.net/image-format-test/
