1. 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.

  2. Media Queries: resolution feature

    Allows a media query to be set based on the device pixels used per CSS unit. While the standard uses `min`/`max-resolution` for this, some browsers support the older non-standard `device-pixel-ratio` media query.

  3. High Resolution Time API

    Method to provide the current time in sub-millisecond resolution and such that it is not subject to system clock skew or adjustments. Called using `performance.now()`

  4. SVG favicons

    Icon used by browsers to identify a webpage or site. While all browsers support the `.ico` format, the SVG format can be preferable to more easily support higher resolutions or larger icons.

  5. Picture element

    A responsive images method to control which image resource a user agent presents to a user, based on resolution, media query and/or support for a particular image format

  6. 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).

  7. rtcrtpsender api: `setparameters()`: `parameters.encodings` parameter: `parameters.encodings.scaleresolutiondownby` parameter

  8. css at-rule: `@media`: `resolution` media feature

  9. types: `<resolution>`

  10. types: `<resolution>`: `dpcm` unit

  11. types: `<resolution>`: `dpi` unit

  12. types: `<resolution>`: `dppx` unit

  13. types: `<resolution>`: `x` unit