NGINX and NGINX Plus Deliver Responsive Images Without the Headaches
NGINX and NGINX Plus Deliver Responsive Images Without the Headaches Photo: Phil Roeder Using the Image‑Filter module and srcset tag to resize images on the fly Responsive web design has become the norm for modern websites and web applications, providing a consistent experience across a wide variety of devices while also optimizing the display for each device. However, modern devices vary not only in terms of screen size but also pixel density. The HTML5 img tag provides a number of features that enable the browser to select the most appropriate asset if the server provides multiple variants. By deploying different sizes of the same image, the web browser can choose the size best suited to its current environment. Responsive images can therefore allow the web browser to produce a rendering that closely matches the intent of the designer. This improves user [ more… ]
