1. CSS3 Border images

    Method of using images for borders

  2. Client Hints: DPR, Width, Viewport-Width

    DPR, Width, and Viewport-Width hints enable proactive content negotiation between client and server, enabling automated delivery of optimized assets - e.g. auto-negotiating image DPR resolution.

  3. CSS background-position edge offsets

    Allows CSS background images to be positioned relative to the specified edge using the 3 to 4 value syntax. For example: `background-position: right 5px bottom 5px;` for positioning 5px from the bottom-right corner.

  4. CSS filter() function

    This function filters a CSS input image with a set of filter functions (like blur, grayscale or hue)

  5. CSS image-set

    Method of letting the browser pick the most appropriate CSS image from a given set.

  6. CSS Shapes Level 1

    Allows geometric shapes to be set in CSS to define an area for text to flow around. Includes properties `shape-outside`, `shape-margin` and `shape-image-threshold`

  7. DOMContentLoaded

    JavaScript event that fires when the DOM is loaded, but before all page assets are loaded (CSS, images, etc.).

  8. Srcset and sizes attributes

    The `srcset` and `sizes` attributes on `img` (or `source`) elements allow authors to define various image resources and "hints" that assist a user agent to determine the most appropriate image source to display (e.g. high-resolution displays, small monitors, etc).

  9. datatransfer api: setdragimage

  10. document api: mozsetimageelement

  11. htmlimageelement api: srcset

  12. htmllinkelement api: imagesrcset

  13. imagecapture api: getphotosettings

  14. css property: background-image: `image-set()`

  15. css property: border-image-outset

  16. types: `<image>`: `image-set()`

  17. html element: link: imagesrcset