# Resolution query

Checks how sharp the screen is, for high-density images.

## What does the `resolution` media feature do?

`resolution` checks how sharp the screen is, so you can serve sharper images to high-density displays.

```css
@media (min-resolution: 2dppx) {
  .logo { background-image: url("logo@2x.png"); }
}
```

Level: Journeyman · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/journeyman)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/resolution-query