The Solution: How to Optimize Your Images for the iMac’s 5K Retina Display If you’ve ever stretched an image out, you know it can get blurry. In order to avoid that, the 5K iMac automatically stretches everything out – so a 400 pixel image on the regular 27″ iMac looks the same size on the 5K display. The downside is, it can also make things look small. This is because the 5K iMac has double the resolution, but the same screen size, meaning that it has tinier pixels crammed into the same amount of space. However, on the 5K iMac, that image would only be about an 1.5 inches wide.
On the regular iMac, an image that is 400 pixels wide might appear to be about 3 inches long on your screen. That includes logos, banner graphics, some buttons and product images, among other things. Images, however, tend to be on the fuzzier side.
The Problem: Blurry website images on the 5K iMacĪ closer look at a website on the 5K iMac would reveal that text and other interface elements which are generated by code still looked great. However, with the right tactics, you can avoid this mistake on your own site. The Best Buy website wasn’t built with this display in mind. So, what was going on there? Was it possible the 5K screen wasn’t all it was cracked up to be? I navigated to a half a dozen other websites and the trend continued. The default page, Best Buy’s home page, looked…blurry. Then I fired up the web browser and things took a turn. The Finder icons and their labels were crystal clear. The background image, a canyon landscape, was amazingly crisp. On a recent trip to Best Buy, I found myself standing in front of Apple’s newest iMac, basking in the glory of its glorious 5K retina display.
0 kommentar(er)
