Retina images contain twice the number pixels than a normal image at the same resolution. Usually, if an image has twice the number of pixels, the resolution will be twice the size. When viewing these images on a retina screen, your computer recognises the image as a retina image and displays it at the correct resolution, resulting in a crisp, high-quality image.
Unfortunately, web browsers don’t know this and display images at their natural size, which means retina images are naturally blurry and twice their size on retina screens. To counteract this, we must scale them down by half to achieve a 1:1 screen pixel to design pixel pairing, leaving us with crisp images.
Here's how to use the Retina setting in Marvel:
- Go to your project settings
- Click on General
- Click on Scale down retina images