6/24/2018 - 6:49 PM

Use a Retina Image for Higher Resolution Displays

The simplest way to make your images appear "retina" (and optimize them for retina displays) is to define their width and height values as only half of what the original file is.

Here is an example of an image that is only using half of the original height and width:

  img { height: 250px; width: 250px; }
<img src="coolPic500x500" alt="A most excellent picture">