#ImagePerf
LightNews LightNews
nucliweb.net
Optimize images for sustainability

"Ensure images, if required, are optimized, correctly formatted, and sized, with lazy loading as appropriate, and are managed effectively." - via @inesakrap.bsky.social's talk at @perfnow.nl

w3c.github.io/sustainablew...

#PerfNow #WebPerf #ImagePerf
Web Sustainability Guidelines (WSG)
w3c.github.io
October 30, 2025 at 2:18 PM
nucliweb.net
“580K Sites load images from
S3 instead of a CDN

200K Sites load more than
1MB from S3”

Great talk by Paul Calvano at @perfnow.bsky.social

#perfnow #WebPerf #ImagePerf
580K Sites load images from S3 instead of a CDN, 200K Sites load more than 1MB from S3 Source: HTTP Archive, October 2024
November 14, 2024 at 12:10 PM
nucliweb.net
Practical guide to the element: from the basics to LCP

joanleon.dev/en/guia-prac...

#WebPerf #ImagePerf #Performance #LCP #CoreWebVitals
Practical guide to the <img> element: from the basics to LCP | Joan León
The <img> element has attributes that make a real difference in performance: loading, decoding, fetchpriority, srcset and sizes. A practical guide to using them well.
joanleon.dev
February 22, 2026 at 12:29 PM
nucliweb.net
Squish

Compress and convert your images to AVIF, JPEG, JPEG XL, PNG, or WebP

A great tool (by @addyosmani.bsky.social ) to optimize images in your browser.

squish.addy.ie

#WebPerf #Image #ImagePerf
Squish - Batch Browser-based Image Compression
Fast, efficient batch image compression right in your browser. Supports AVIF, JPEG, JXL, PNG, and WebP formats with adjustable quality settings.
squish.addy.ie
January 22, 2025 at 5:41 PM
nucliweb.net
Contemplating Codec Comparisons

cloudinary.com/blog/contemp...

#Image #WebPerf #Optimization #ImagePerf
Contemplating Codec Comparisons
Cloudinary Senior Image Researcher Jon Sneyers offers his thoughts on latest codec comparison data from Google's AVIF Team.
cloudinary.com
December 14, 2024 at 9:50 AM
nucliweb.net
The case against JPEG XL

Investigating JPEG XL's place as a Web image codec, by @giannirosato.com, via @webperfreport.bsky.social

giannirosato.com/blog/post/ca...

#JPEGXL #JXL #ImagePerf #WebPerf
A dark-themed line chart titled “SSIMULACRA2,” showing BD-Rate (%) versus encoding speed in milliseconds for several image codecs. Colored lines compare codecs including AOM, JPEG XL, aperture-alpha, Iris-WebP, libjxl, SVT-AV1, and libwebp, with labeled data points. Most curves show higher BD-Rate at slower speeds, while some reach negative BD-Rate at faster speeds.
September 20, 2026 at 2:04 PM
nucliweb.net
Looking how browsers choose the right image to load with srcset, dpr, and sizes

iankduffy.com/articles/loo... bu @duffeh.bsky.social

#WebPerf #Performance #ImagePerf #Image #Web #WPO
LinkedIn
This link will take you to a page that’s not on LinkedIn
lnkd.in
February 14, 2025 at 7:56 PM
nucliweb.net
Guía práctica del elemento : de lo básico a LCP

joanleon.dev/posts/guia-p...

#WebPerf #ImagePerf #Performance #LCP #CoreWebVitals
Guía práctica del elemento <img>: de lo básico a LCP | Joan León
El elemento <img> tiene atributos que marcan una diferencia real en rendimiento: loading, decoding, fetchpriority, srcset y sizes. Una guía práctica para usarlos bien.
joanleon.dev
February 22, 2026 at 12:29 PM
nucliweb.net
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...

#Image #Performance #ImagePerf
Image format comparison: JPEG vs. PNG vs. WEBP vs. AVIF
Discover the optimal image format for images. I compare JPEG, PNG, WebP, and AVIF in terms of file size, quality, and compression for photos and text images.
photutorial.com
October 22, 2025 at 8:05 AM
nucliweb.net
Compression of Spectral Images using Spectral JPEG XL

jcgt.org/published/00...

#Image #ImagePerf #WebPerf #JpegXL
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.
March 17, 2025 at 9:52 PM
nucliweb.net
How to optimize SVG files: A complete guide for beginners

penpot.app/blog/how-to-... by @laurakalbag.bsky.social

#WebPerf #ImagePerf #SVG #Image
How to optimize SVG files: A complete guide for beginners
SVG files use mathematical formulas to create graphics, allowing infinite scaling without losing quality, and making them perfect for high-res displays and responsive design.
penpot.app
November 5, 2025 at 5:02 PM
nucliweb.net
#WebPerfTip

If you need a GitHub Action to automatically compresses JPEGs, PNGs and WebPs in pull requests, IMHO this is the best option

#WebPerf #ImagePerf #PerfTools #Image
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.
August 25, 2025 at 9:29 AM
nucliweb.net
#WebPerfTip Avoid embedding raster images directly in SVGs

ℹ️ In this case, the image is a vector graphic

#WebPerf #Perfomance #WPO #ImagePerf
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.
July 15, 2025 at 5:52 PM
ikbendaf.bsky.social
Een #persoonsbewijs (zoals een paspoort of #ID-kaart) bevat veel beveiligingskenmerken, zoals een NFC-chip met digitale gegevens (foto, vingerafdrukken), watermerken, kinegrammen (kleurveranderende patronen), een voelbaar reliëf, een geperforeerde foto (ImagePerf)
December 17, 2025 at 7:03 AM