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 - Muse Tutorial
From the course: Designing a Responsive Mobile Website with Muse
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.