Photoshop: How do I design HiDPI/Retina and non-HiDPI assets for web?

  • 9
  • Question
  • Updated 2 years ago
  • (Edited)
Hi,

I have just updated my iMac to the new 5k Retina Display and designing for web in impossible.

I spoke on the phone to an advisor who couldn't really help and told me that only Windows has support for Hi Resolution displays.

When it comes to design, a lot of the industry and hobbyists use Mac to it's a shame that there is no support right now.

As with the nature of technology, this is only the start and it won't be long before resolutions get even higher.

Photoshop needs the ability to be able to scale content to match all displays, while still making the most of the hi resolution display, not simply increasing the size of the pixels to fill out the same area.

Right now, it is impossible for me to work on my Mac for web design (I'm sure print would be fine) and after spending almost £2000 to upgrade it really is a shame.

I hope support for high resolutions gets implemented soon.

P.s. This isn't a problem with the UI, this looks beautiful and crisp on a 5k display, I'm only talking about the content.

Thanks,
Lee
Photo of Lee Buckle

Lee Buckle

  • 7 Posts
  • 0 Reply Likes

Posted 5 years ago

  • 9
Photo of Andreas Kempf

Andreas Kempf

  • 4 Posts
  • 0 Reply Likes
No answer. typical Adobe! the customer is no matter for you...
Photo of shoo rayner

shoo rayner

  • 4 Posts
  • 0 Reply Likes
This reply was created from a merged topic originally titled canvas to small to work with on retina screens..

please can you include a photoshop view size that corresponds to web browsers? With the retina screens, I need a microscope to see what I'm doing as the canvas is now so small.
Is is possible to have a view size that relates to reality?
Photo of Ro S

Ro S

  • 7 Posts
  • 9 Reply Likes
For this adobe offers coupons to purchase microscopes off Amazon. Contact their support team for more information.

In all seriousness this has been an issue many of us have faced since the release of HiDPI/Retina displays.
Photo of Travis Winn

Travis Winn

  • 5 Posts
  • 1 Reply Like
Wow, I am with you I am pretty bummed, I just had my company buy me a new 5K Mac for $3K and now I can't see the screenshots I edit for the rest of the business world that are still on PCs, this is kind of scary, luckily somebody somewhere else showed me the get info on the Photoshop App trick where you can select a "low resolution" version of it, but it is pixelated. It seems like there should be a solution for this.
Photo of Travis Winn

Travis Winn

  • 5 Posts
  • 1 Reply Like
There has to be a way to make it sharp but viewable at 1x, come on Adobe.
Photo of Rob Mason

Rob Mason

  • 1 Post
  • 0 Reply Likes
Surely Apple should be just as concerned about this issue as Adobe. I see no answers from either party.
Photo of Travis Winn

Travis Winn

  • 5 Posts
  • 1 Reply Like
Apple is concerned, but unfortunately it is Adobe's issue and they don't care.  I guess it's just a numbers game for Adobe, so few people have the 5K they don't care.
Photo of simplicio sousa

simplicio sousa

  • 1 Post
  • 0 Reply Likes
Hello, I also use the new 5k and this has become a really frustrating mater when designing for web, and there's no light at the end of the tunnel, a software so expensive like photoshop should be compatible with all displays and should follow technological evolution.
Photo of Travis Winn

Travis Winn

  • 5 Posts
  • 1 Reply Like
Yes, it’s a shame!  And it’s on Photoshop/Adobe not, Apple.  The reality is that I deal with screenshots from clients all the time from a PC, low-res environment that I have to edit and send back.  I’ve tried multiple solutions as noted in this forum.  The only one that works is to have it at Low Res mode.  I mean all of Microsoft old software, Affinity (look it up, maybe jump ship on Adobe), Logic,  Native Instruments, Windows 10 in Fusion 8, and all other Adobe products work in high res etc. etc. etc. works fine, but Photoshop, my good old 22 years and running workhorse: Fail.  You get pixelation in the low res mode, and now I just deal with it if you actually want to see what you are working on.  Having an external monitor that is usually on my corporate external screen gets it to lower resolution as a second monitor, that’s my only solution to see it low res.  It seems like Adobe doesn’t care about it’s clients.  So sad.  Don’t bother calling support, you get to be an idiot as they point the finger.  Considering every other manufacturer has come up with a solution you would think Adobe could.  I understand their “Apologists” telling you about it’s 100% etc.  You need to see it at 100%.  B.S. There’s a workaround.  My current Low Res Mode as the only option sucks.  My eyes are getting used to the pixels, but what a disgrace to have to do that.  In the real world of UI/UX design it’s iterative and the @3x when or downsize it when you are doing a comp based on a Windows PNG/BMP application screenshot is not doable.  We live in a pixel/vector hybrid world and the rest of the world for 99% is low res, so the cutting edge technologists are getting the shaft. 
Photo of Joel Goodman

Joel Goodman

  • 5 Posts
  • 3 Reply Likes
seriously, there is no proper solution yet? what the hell is Adobe's problem. This is ridiculous. Now I have to have a good think and decide if I have to jump ship on the program I have been using for almost 20years. Very disappointing Adobe.
Photo of Travis Winn

Travis Winn

  • 5 Posts
  • 1 Reply Like
Yes, as far as I can tell there is no solution, except for having it in low-res when you launch Photoshop.  Go to Application and then CMD+I and then "Open in Low Res"  After a while I don't even notice the difference any more, it's been over a year.  You aren't going to win this battle. :(
Photo of Petra Sell

Petra Sell

  • 2 Posts
  • 0 Reply Likes
not a real solution, but a workaround which would make our lives already much simpler: adobe, would it at least be possible to add a shortcut to the 200% zoom function? this way, I don't need to first go to 100% and then resize with the + again every time I want to see my designs on the same size as in the browser.
(Edited)
Photo of Joel Goodman

Joel Goodman

  • 5 Posts
  • 3 Reply Likes
It's really pathetic and quite disappointing that Adobe are refusing to acknowledge that this is a major issue. They seem to be trying to convince everyone that it's a great new feature to make the most out of retina screens, but they do not take into account the fact that ALL web browsers and ALL other software displays 100% zoom / pixel view at a 1xretina size, so Photoshop is outputting things at sizes that do not fit with any other workflow.  It is unacceptable that we need to view @200% view with pixelated headache inducing appearance of our files just to get an understanding of the size that EVERY OTHER PERSON AND SOFTWARE is seeing. Ridiculous.
Can anyone recommend a non-Photoshop non-Adobe web development friendly pixel software ? I've been buying/using and upgrading Adobe products or over 20 years but this is stupid and is ruining my efficiency - I have to jump ship now.
Photo of Petra Sell

Petra Sell

  • 2 Posts
  • 0 Reply Likes
you are so right, Joel. I switched to Sketch in the meantime. it is not pixel- but vector based which makes much more sense for web. but a 100% view is 100% and you can even export in 2x or 3x size to tackle the retina issue. apparently Adobe experience is a copy of sketch, so perhaps is also a good solution if you wanna stick to adobe. yet sketch is a fraction of the costs to buy ...