From the course: Designing a Responsive Mobile Website with Muse

Unlock the full course today

Join today to access over 22,400 courses taught by industry experts or purchase this course individually.

Using Retina display graphics

Using Retina display graphics - Muse Tutorial

From the course: Designing a Responsive Mobile Website with Muse

Start my 1-month free trial

Using Retina display graphics

- Not only are there new screen sizes being released almost on a regular basis, but these screens are different as well, because we have more resolution. Basically a higher density of pixels on these screens making the graphics look much more crisp. But what that means to you is that all these graphics actually need to be made twice. So usually you have a 2x graphic. You have your high resolution and your regular resolution graphic. Honestly, how would you do that in Muse? Well, in this case we have this imported graphic and then also on the Experience page we have some imported graphics. And quite frankly these need to be high resolution. Well, all you really need to do in Muse is go to File, into Site Properties, because Muse will allow you to change your site to high DPI. 2x image sizes for all the images you've imported. So I'm selecting that and it will say it will increase the page loading time because the graphics are twice the size, but let's take a look more specifically…

Contents