2 repositorios
Techniques for reducing data usage on high-density displays by selecting appropriately sized assets.
Distinct from Delta Compression Bandwidth Optimizations: Shortlist focuses on serial or video bandwidth; this is about display-density-aware image selection for web performance.
Explore 2 awesome GitHub repositories matching user interface & experience · Density-Aware Bandwidth Optimization. Refine with filters or upvote what's useful.
Respond is a legacy browser compatibility layer and adaptive asset delivery tool. It functions as a CSS3 media query polyfill and responsive image loader, providing the necessary mechanisms to emulate modern responsive design features in outdated web browsers. The project differentiates itself by combining stylesheet parsing with dynamic style application to emulate minimum and maximum width media queries. It employs a system for selecting and serving the most appropriate image sources based on viewport width, aspect ratio, and resolution. The tool covers broad capability areas including res
Prioritizes smaller image assets over high-resolution options on high-density devices to reduce data usage.
Picturefill is a responsive image polyfill that adds support for the picture element, srcset, and sizes attributes in browsers that lack native implementation. It emulates the picture element with source media queries and format fallbacks, providing responsive image selection based on viewport size and device pixel ratio. The polyfill reevaluates responsive image sources after dynamic DOM changes to keep displayed images correct, and delivers alternative image formats like WebP with automatic fallback to standard formats in unsupported browsers. It also conserves bandwidth by selecting smalle
Prefers lower-resolution image sources on very high-density displays to reduce data transfer when visual differences are negligible.