Skip to content

Responsive Images

Responsive Images ist ein Ansatz der filamentgroup Bilder passend zum Context zuladen. Im Kern ist das ein “Mobile-First” Ansatz in dem die Desktop Bilder via JavaScript nachgeladen werden.

The goal of this technique is to deliver optimized, contextual image sizes in responsive layouts that utilize dramatically different image sizes at different resolutions. Ideally, this could enable developers to start with mobile-optimized images in their HTML and specify a larger size to be used for users with larger screen resolutions — without requesting both image sizes, and without UA sniffing.

Im Quellcode sieht das so aus:

Ganz spannend was sich im Bereich Responsive Webdesign gerade so tut.

Possibly related posts (automatically generated)