Skip to main content
Participant
October 9, 2018
Answered

Real size of images for web

  • October 9, 2018
  • 1 reply
  • 309 views

hi guys,

I do not understand how to see the image in the workspace of photoshop in the actual size I see on the web.

I try to explain better:

If I work on an image of 300x300 pixels, in the work of photoshop I see it smaller than I see it if I open it on any safari browser or other.

I would like to see the same size while working on the image.

Please, let me know if is it possible

thanks

This topic has been closed for replies.
Correct answer JohanElzenga

Do you use a high resolution screen, like a Retina screen or a 4K or 5K monitor? Photoshop shows the images in the real hardware resolution of the screen, so 1 image pixel = 1 screen pixel. But browsers upscale everything so it matches the OS resolution settings, which is about 50% lower in these cases (my MacBook pro has a 2560 pixel wide Retina screen, but the default MacOS resolution setting is 1440 pixels wide, otherwise the menus and other interface items would be way too small). That means that you would have to view the images at 200% in Photoshop to (roughly) see them at the same size that your browser will show them.

1 reply

JohanElzenga
Community Expert
JohanElzengaCommunity ExpertCorrect answer
Community Expert
October 9, 2018

Do you use a high resolution screen, like a Retina screen or a 4K or 5K monitor? Photoshop shows the images in the real hardware resolution of the screen, so 1 image pixel = 1 screen pixel. But browsers upscale everything so it matches the OS resolution settings, which is about 50% lower in these cases (my MacBook pro has a 2560 pixel wide Retina screen, but the default MacOS resolution setting is 1440 pixels wide, otherwise the menus and other interface items would be way too small). That means that you would have to view the images at 200% in Photoshop to (roughly) see them at the same size that your browser will show them.

-- Johan W. Elzenga
Participant
October 9, 2018

I really thank you. Now I understand how to work rightly with my banners.