So, if you are designing a web site and need a 500x100px header image, you start with a 1000x200px image and design the header.
To this end, I find it's always best to start with the large image, the double-sized version. Now, to support retina display in projects, you need 2 images - one standard and one double-sized for anyone else using a retina system. Basically forget you are working on a retina display. Don't adjust your workflow due to the hardware you are using. The confusion begins when you think you need to adjust how you work simply because you are working on a retina display. Sorry if this seems like a really stupid question, but I really can't get this working, so if anyone can help then it'd be really appreciated! The issue is it's not like it can go unnoticed either, it's that bad.Īm I missing some settings here? Surely graphic designers aren't putting up with this? So when I go to save the image as a png or jpg the image, of course is still pixellated.
So, for example i'm creating a logo which is just text in a font, i'm editing at 200% which is the real size of the image i believe for the Macbook retina, the text appears blurry or pixelated and I can never seem to get it to sharpen up? This is not a case of changing the text to sharp/smooth etc because even then no matter what I choose the text is still pixellated. However, ever since moving to the retina MacBook i've been completely stumped by the fact that my text and everything else in the images are coming out pixellated, which doesn't help at all.
I'm a web designer, and my old (non retina) Macbook, Photoshop used to produce clear images and text both in Photoshop and out of Photoshop when the final images had been saved as a png or jpg.