t4haughton Offline Upload & Sell: On
|
XPO239 wrote:
What are retina sized images? Does that mean it's prepared a certain way? I just got the 5K iMac and all my images seem to be more blurry compared to my old iMac.
Retina images are double the pixels in each direction. That means my web site has holes for 980px wide images, but I'm posting images that are 1960px wide.
This is because Retina displays use "pixel doubling." For example, your 5K iMac has the same 27" inch screen sizeas the generation before it, but the resolution has doubled in each direction. So instead of a screen resolution 2560x1440, the new iMac has a display that is literally 5120px x 2880px. The computer uses its brain to double the pixels of everything so it fits the new screen resolution.
Operating system elements and text on websites render automatically and appear crisp and sharp. But when a web browser comes across a "non-retina' image it appears blurry because there isn't enough pixels to fit the new resolution. It's similar to what would happen if you tried to make a huge print from a "web-sized" image.
There's several different ways to implement Retina images, but the easiest is to upload 2x images and use width="(½ size)" in the html. The link below may be helpful.
http://ivomynttinen.com/blog/a-guide-for-creating-a-better-retina-web/
|