> ## Documentation Index
> Fetch the complete documentation index at: https://anki.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Screenshots large and blurry on retina displays

If you edit a card, click on Cards, and then place the following at the very
bottom of the styling section, it will shrink screenshots down to the correct
size:

```
img[src*="Screen"] {
  zoom: 50%;
}
```

It works by targeting any filenames that have "Screen" in them - which applies
to the default "Screen Shot" name that macOS uses. If your screenshots use a
different but consistent name, you can adjust the line above.

If your screenshots use names that don't have a consistent pattern, you can
remove the square brackets and the text inside them, which will cause all images
to be matched. Images from high resolution displays will now look correct, but
images you obtain from other sources may now look too small. Unfortunately there
is no good solution to this problem at the moment - the web technologies Anki
uses do not have a way of detecting which images need to be resized. Resizing
the images prior to adding them to Anki will allow you to mix and match other
images, but it requires some setup:
[https://www.quora.com/How-can-I-get-my-retina-Mac-to-not-take-screenshots-that-are-too-big](https://www.quora.com/How-can-I-get-my-retina-Mac-to-not-take-screenshots-that-are-too-big)