Retina & CS6 Photoshop
- Started
- Last post
- 32 Responses
- 20020
Working is retina is as working in non-retina photoshop with 50% scaled down.
Scaling up to 200% photoshop in retina does not work because photoshop scales differently resulting in pixelation.
If you are working on 72ppi non-retina display work, you can't work pixel perfect in retina because you are constantly working in a very small scale or normal with pixelation which will not be show when viewing on browser.
- then, can you please post an image, of that pixelation, compared to the browser? Please.ESKEMA
- If I screen grab it, it will be at 144ppi. And you will see it as x2 on your 72ppi.2002
- jesus, stop with the PPI talk. It's nonsense. my screen is not 72 PPI, and it's irrelevant. I give up you're stupid.ESKEMA
- ESKEMA0
then please explain like you know what you mean instead of just this shit doesn't work bla bla bla. What is the problem exactly??
- 20020
Have you tried one yet? Did some designy stuff with photoshop on retina display?
Or are you just saying all this just your massive brain in theory.
- ESKEMA0
This topic clearly gets on my nerves, so I'm going to expand a little on the subject.
Pixels are not a definitive unit like centimeters or inches, they are a physical point in a raster image, or the smallest addressable element in a display device. ( http://en.wikipedia.org/wiki/Pix… )
This means that unlike centimeters or inches, they vary in size, depending on the device they're displayed, and an image with 100px width will always be 100px wide no matter the PPI of the screen, be it 1 or 3568899. (open up an image in PS, go to image size, uncheck resample image and then change the resolution, nothing happens, wow, wtf?, big surprise, that's because pixels are resolution independent, you could be saving all your images for the web at 1 resolution or 500, as long as the pixels width is 100, it will stay the same size.)
A "Retina Display" is commonly known as a display that has a very high concentration of pixels per inch square (PPI), but that is just media talk. The Retina goodness comes from software technology that takes advantage of high PPI screens and make them act as if they had 1/4 the pixels, in doing so, it makes 4 pixels act as 1. So you have ultra sharp 1 retina-pixels with a 4 times more detail than a non-retina pixel. But that is the technology working, not the display. You can have the same effect using a 20 PPI screen if you want, it's not exclusive to high PPI screens.
Now, the whole software as to be made to work in this environment, otherwise, if you use a 1 to 1 ratio, stuff will be really tiny which is not the point. The point is for the stuff to have the same size but with more detail, thus, for this to work, you need to have all the rendered elements created specifically for it in order to take advantage of the Super Uber Bacon Magic Crispiness.
Here's the problem, the internet was not built for retina technology, so everything still works as the old days. So what did Apple do? They had to upscale images in the browser (and probably on other places) in order for you to see them as you would expect, otherwise, it would break the internet on your precious new MBP. As for everything else that is scalable (text, vector elements,etc..) the upscale is not degrading them, so they always look great.
And what about Adobe? What can they do? They have to display images at no upscale (100% or 1 to 1 ratio) because otherwise you could not take advantage of it's software to optimize images for retina devices, but that make them look tiny, because they are being displayed pixel by pixel, An image created specifically for retina has 4x the size of the area it will occupy.
I don't have a retina display, so the problem may arise at this point where I cannot verify the accuracy of the 200% in Photoshop and the upscale Apple uses in its software. I asked for people to upload images of that but no one did.
If the 200% of PS gives you something different than the upscale that Apple does in Browser, then there's a problem indeed. If your "problem" is just because PS 100% view of the images is smaller than the browser, than you have no problem at all, you're just ignorant.
- 20020
scaling in photoshop differs. When you scale from 100 to 200% in photoshop, you dont magically get 100% of 72ppi view. there are pixelations and other artifacts which are native viewing at 200% which does not exist in actually 100% of 72ppi.
- PonyBoy0
^ what does working at 200% have to do w/the device the client is viewing a website on?
- uan0
actually I think you should be working at 200% anyway. you know, lots of clients have retina mbp, iphones, Galaxy SII, SIII, Galaxy Nexus, ...
work at double resolution with even pixel pairs, so you can export without aliasing for lowres screens.
- PonyBoy0
not that difficult to understand...
you two options:
1.) Right click on your Photoshop App icon, select 'get info', then click 'Open in Low Resolution' (don't do this to the image... do it to the actual application icon)... This will make photoshop work exactly as you're used to... the icons / type may look a little pixely though
or...
2.) Use the retina setting and just view at 200%... 200% IS 100% in norm screen view... ... I've tested this myself - it was the first thing I had to understand once I got my retina macbook up and running w/CS6
- 20020
- ESKEMA0
^^ How does it look like at 200% in PS? That's the question..
- uan0
downloaded the image from browser and opened it in ps,
took a screenshot of the browser window and pasted it in ps.
both shown at 100% in ps
- uan0
- ESKEMA0
dude, you're not making any sense.
Please, do this for me, because I'm curious.
Open a photo in PS. set zoom to 200%. Take Screenshot.
Open the same photo in Safari. Take Screenshot.
Put them here so we can take a look.- give it up... the only possible conclusion is that Apple sucks shit because of retinamonospaced
- I mean, those FUCKERS, how DARE they make a high-res screen!?!?monospaced
- monospaced
are you not tired yet?set - exhaustedmonospaced
- 20020
Other solution is something I used to about 12 years ago....
This would work actually. Will try this at home tonight.
- 20020
ESKEMA
Here is the issue.
If photoshop displayed scaled down image due to pixel density, same image should show up in same scale. But because retina ignores dpi/ppi in the image and only sticks to dimension, the viewing size shows really different.
You should try out a retina with photoshop and browser. It will really confuse the crap out of you.
- Projectile0
Would it be viable option to get a second monitor? seems silly, but it wouldn't be all the time that you'd have to drag the project into it when working at pixel level. and I think it's good to have a very run of the mill, standard monitor. If you have a super contrast monitor, you work is goonna look on nearly everyone else's machine
- he's already using one, I think that's a great solution, better than ditching a great laptopmonospaced
- NOPE. No external.2002
- ESKEMA0
this is a comparison of the image you showed, with the PS at 100% and the Browser at 50%. Of course an image upscaled will be pixelated, is that what you're refering to? because the PS one looks really good to me.
I don't have a retina display so, please, to clarify things, can you upload a screenshot of an image at 200% in PS and one in a browser for more accurate image comparison and see if there are differences in the rendering that make them look really different.
- monospaced0
- NOPE. if you dont have one, go try one.2002
- Whatever setting you're using is affecting things.monospaced
- ESKEMA0
clearly, you don't understand how pixels and monitors work, or don't want to, because it has been explained a lot of times already.
- 20020