#Development #Comparisons
Progressive images in action · The current state of progressive image rendering https://ilo.im/167oml

_____
#Images #ResponsiveImages #Rendering #JPEG #JPEGXL #AVIF #WebP #Browsers #WebDev #Frontend

The present and potential future of progressive image rendering

Exploring progressive image rendering across JPEG, PNG, WebP, AVIF, and JPEG XL.

Hey #CSS and #HTML folks, it's 2025 and we still do not have a way to set an `img` source defined by the size of the element instead of the viewport? Or did I miss something?

For example: an element with three or two cards in a row. I would rather set the image source to a file that is close to the actual element size that to thinker with viewport sizes and extra markers for 2 or 3 columns.

I really care for #webPerformance too much…

#ResponsiveImages #WebDevelopment

#Development #Techniques
Preloading responsive images · Thoughtful preloading significantly improves load times https://ilo.im/1614fc

_____
#Images #ResponsiveImages #ResponsiveDesign #WebDesign #WebPerf #WebDev #Browser #Frontend

Preloading Responsive Images

How to properly preload responsive images to improve initial page load

Preloading Responsive Images

🟦 How to think about HTML responsive images
by Dan Cătălin Burzo
#html #Responsive #ResponsiveImages #webdev #DanCătălinBurzo

https://danburzo.ro/responsive-images-html/

How to think about HTML responsive images · Dan Cătălin Burzo

srcset, sizes, picture, source, and how they all fit.

Our colleague @grigs may have written more about responsive images and optimization services than anyone else, so when he issues a mea culpa, you know there’s something worth checking out.

Read on for why he believes ImageEngine deserves a second look:
https://cloudfour.com/thinks/imageengine-deserves-a-second-look/

#webperf #imageoptimization #responsiveimages

ImageEngine Deserves a Second Look

ImageEngine may be the easiest way to implement responsive images and is worth considering when you’re looking for a solution that will get you 80% of the way to optimization with minimal effort. They have a new free developer tier you should try out.

Cloud Four

☁️ Announcing Our New Ebook: Responsive Images 101
by Megan Notarte at @cloudfour
#images #ResponsiveImages #ebook

https://cloudfour.com/thinks/announcing-our-new-ebook-responsive-images-101/

Announcing Our New Ebook: Responsive Images 101

At Cloud Four, we’re always eager to share our knowledge and insights with the web community. Today, we’re thrilled to announce the culmination of our deep dive into one of the most crucial aspects of modern web development: responsive images. Our new ebook, aptly titled Responsive Images 101, is now…

Cloud Four
Unser Crew-Mitglied Peter auf dem DrupalCamp Ruhr 2023 mit seinem Thema zu "responsive images". So ganz perfekt ist die Lösung in Drupal noch nicht. Er stellt unterschiedliche Herangehensweisen vor und tritt mit dem Publikum in den Austausch.
Vielleicht kommt am Ende etwas heraus, was besser funktioniert.
#dcruhr23 #drupal #ResponsiveImages