From the course: Creating Optimized Web Graphics (2016)

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Optimizing Retina images further

Optimizing Retina images further

From the course: Creating Optimized Web Graphics (2016)

Start my 1-month free trial Buy for my team

Optimizing Retina images further

“

- [Voiceover] These days, when we talk about web optimization for images, you can't get around Retina images. Retina images are images for Retina displays, or high DPI displays, whatever you wanna call them, and it essentially means that more pixels are packed into a specific or given area. Now, if we design in Photoshop, I'm not gonna go into this, but if we design in Photoshop, Illustrator, Sketch, whatever it happens to be, a lot of those programs have methods for exporting at 1x, at 2x, 3x, in other words, twice the size, three times the size of the original image or original design to get you Retina images. Retina images just, at their base level, are essentially double the pixel density, okay? Now, that's just very generic. That's extremely generic. There's other displays out there that will actually do more or less than that: 1.5, three, four, et cetera. But, for instance, if we're gonna create a Retina image, and we need to use it at 200 pixels wide on our website, we need to…

Contents