4 votes

How does font size translate on a Retina Display in Photoshop?

I'm sorry for answering super late, I've just noticed your mention. I'm the author of the article you link to. There is definitely more than one "professional" way of handling several resolutions, and ...
Lalabadie's user avatar
  • 361
3 votes
Accepted

Saving image files with maximum compatibility for different displays?

Use Vector Where Possible If possible and feasible use a vector format. You have source files that are vector and SVG or PDF are options, so use one of those. You are displaying textbook pages in a ...
Cai's user avatar
  • 40.6k
3 votes
Accepted

Website mockups in 4k

A couple things you can do: Zoom in. Just scale your design up to 200%. The resolution will be lower, but you will see it at actual size. Design at 4K, export at 1080. Just export all your files at ...
Jeremy S.'s user avatar
  • 595
2 votes

Retina to actual pixels

I think it's worth noting the HTML meta viewport tag: <meta name="viewport" content="width=device-width, initial-scale=1"> Which allows developers to more easily program responsive websites ...
Greg Venech's user avatar
2 votes

Retina to actual pixels

In general terms. A retina device declares one thing and does another. With the data you are providing, (if you are working in vectors) start with the "real css values", 20x50px. Then provide two ...
Rafael's user avatar
  • 37.2k
2 votes

Is iMac Retina 5K suitable for webdesign?

Retina displays are definitely suitable for web design. There are some things you should understand when using them though. Typically, Apple’s “Retina” branding is applied when a display is 220 ...
Marc Edwards's user avatar
2 votes

Image size for a responsive photo site

Do not make the photos that large, only if you expect the people to download them for free. As they are just a gallery try something like 1280px wide. In this case, in my opinion forget the 2X ...
Rafael's user avatar
  • 37.2k
2 votes

Photoshop canvas is too small at 72 PPI on a Retina screen

First of all the PPI of your document makes no difference, the resolution only makes a difference to the print size of your image so forget about that (72PPI is the de-facto standard for screens so ...
Cai's user avatar
  • 40.6k
2 votes

Creating a Brand Book - Resolution difference between Retina/non Retina

The good news is that it isn't a retina/non-retina issue you are hitting, and you can 'solve' it relatively easily by turning on View > Pixel Preview. Your 85px type will now be 85px type regardless ...
Alex Magill's user avatar
1 vote

Displaying older images on web for Retina/high pixel density screens?

This question can be closed by me. The answer for to how to display old 72 dpi images in a browser on Retina/high pixel density screens (i.e all modern screens) is indeed to use the following CSS ...
MichaelSeven's user avatar
1 vote

Creating a Brand Book - Resolution difference between Retina/non Retina

Forget about pixels, design was not born on the iPhone. Use points instead: https://en.wikipedia.org/wiki/Point_(typography) Retina: nerdy technology invented to sell more high end stuff. Lets see ...
Lucian's user avatar
  • 29.3k
1 vote

Having trouble with Retina image size in Email

Disregard how the image looks on your screen in Photoshop, it's a pretty well-known issue and although I keep reading Adobe has addressed it, I still seem to have an issue with it. you can always ...
Manly's user avatar
  • 6,674
1 vote

Website mockups in 4k

If you're on a mac, some programs will give you the option to select 'Launch in Low Resolution Mode' if you right click on the application and select the 'Get Info' tab.
codestr's user avatar
  • 111
1 vote

What sizes and units should be used for creating iPhone wallpapers?

As the page you linked to says, the point units are an abstract system for determining coordinates; they don't directly correspond to pixels on a screen but give a convenient coordinate space across ...
Cai's user avatar
  • 40.6k
1 vote
Accepted

Photoshop: "Export as" retina resolution pixelated

I managed to fix this issue. Thanks for all the typical useless comments from people who think everyone else is stupid by saying stuff like "OS image preview sucks" or want to waste all day doing ...
TCB13's user avatar
  • 201
1 vote

Photoshop canvas is too small at 72 PPI on a Retina screen

You should work at 2x (200%) document. Then you you can work with 100% zoom and it will looks like how user see that with a retina screen. When you export for normal displays scale back to 50%.
WenukaGTX's user avatar
1 vote

Photoshop canvas is too small at 72 PPI on a Retina screen

While searching GD.SE and trying to decide which question is a duplicate, I found an interesting comment with a viable solution. If you're using Photoshop CS6 you can make it behave like a non-retina ...
Luciano's user avatar
  • 7,924
1 vote
Accepted

Image size for a responsive photo site

What's the Key? As always, with any project, experimentation is the key to success. Play around with the tools at your disposal and see what fits the bill best. Making your images too large or too ...
Paul's user avatar
  • 551
1 vote
Accepted

How to optimize JPEGs for retina displays?

There is a save-for-web plugin that gives you a more direct feedback on size and appearance when exporting images. The chroma sub-sampling is indeed the setting that gives the strongest file size ...
xenoid's user avatar
  • 16.9k

Only top scored, non community-wiki answers of a minimum length are eligible