<srcset> and the
<picture> element to implement responsive image solutions
on websites
- Art Direction
- Serves cropped images for diferent layouts. For example, landscape image showing a full scene for desktop layout, and a potrait image showing the main subject zoomed in close for a mobile layout.
- Resolution Switching
- Serves smaller image files to narrow screen devices, and also serves different resolution images to high density/low density screens.
Mozilla Developer Network MDN Learning Area
See the LICENSE file for the full license text.