Compression of Spectral Images using Spectral JPEG XL

https://jcgt.org/published/0014/01/04/

#Image #ImagePerf #WebPerf #JpegXL

Looking how browsers choose the right image to load with srcset, dpr, and sizes

https://iankduffy.com/articles/looking-how-browsers-choose-the-right-image-to-load-with-srcset,-dpr,-and-sizes/

#WebPerf #Performance #ImagePerf #Image #Web #WPO

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.

https://squish.addy.ie/

#WebPerf #Image #ImagePerf

Contemplating Codec Comparisons

https://cloudinary.com/blog/contemplating-codec-comparisons

#Image #WebPerf #Optimization #ImagePerf

A Guide To Image Optimization On Jamstack Sites

https://www.smashingmagazine.com/2022/11/guide-image-optimization-jamstack-sites/ by @dawntraoz

#WebPerf #ImagePerf #Jamstack

JPEG VS AVIF - The Battle of Compression

https://www.youtube.com/watch?v=SzsM4HMKmEI

#Image #ImagePerf #WebPerf #JPEG #JPEG_XL #AVIF

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

⚡️ WebPerf Challenge

Find the three opportunities to improve these images

#WebPerf #ImagePerf #WebPerfChalenge #Image

The Unreasonable Effectiveness of JPEG: A Signal Processing Approach

https://www.youtube.com/watch?v=0me3guauqOU

#Image #ImagePerf

Image processing servers benchmark

https://imgproxy.net/blog/image-processing-servers-benchmark/

#Image #ImagePerf #ImageOptimization #WebPerf

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

#WebPerf #ImagePerf #Images #JPEGXL

JPEG XL and the Pareto Front

https://cloudinary.com/blog/jpeg-xl-and-the-pareto-front

#WebPerf #ImagePerf #Optimization #JPEGXL

📚 JPEG: Still Image Data Compression Standard, new book for the collection

#WebPerf #ImagePerf #Image

Yes, I even optimize the images I add to the web performance report 😉

#WebPerf #ImagePerf

The Ultimate Guide To Responsive Images On The Web

https://www.debugbear.com/blog/responsive-images

#WebPerf #Performance #ImagePerf #Responsive

🥺 Please, optimize your images, do it for your users.

1️⃣ Use correct size, you can use Responsive Images
2️⃣ Use modern image format: WebP, AVIF, JPEG XL
3️⃣ Ensure a correct optimization, config your codec
4️⃣ Bonus: Use Cloudinary as Image CDN service

#WebPerf #ImagePerf

Should AVIF be the dominant image format on the web?

https://tsev.dev/posts/2023-11-10-should-avif-be-the-dominant-image-format/

#WebPerf #Performance #Image #ImagePerf #AVIF

Automatically Compress Images on Pull Requests

https://calibreapp.com/blog/compress-images-in-prs by @calibre

#WebPerf #PerfTools #ImagePerf #Images

📣 #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

#WebPerf #ImagePerf

🤩 Safari 17 supports JPEG-XL image format

Check your browser's image support
👉 https://lab.nucliweb.net/image-format-test/

#Image #ImagePerf #Performance