Photoshop Question posted in
The official user guide can be found here.

Retina Display Issue – Photoshop

I’m trying to save an image from Photoshop to be used in a web page and it is displaying at twice the size on my web page than it is in photoshop. It also appears a tad blurry as if it has been scaled up 200%.

The image is 600px x 165px, and the CSS for the image is as follows:

display: block;
width: 600px;
height: 165px;
background: transparent url(logo.png) left top no-repeat;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;

Why is it displaying at twice the size in Chrome as it is in Photoshop? How do I get Chrome to display it at the correct size?

Tags:

2

Answers


  1. 0

    This may be super obvious, but is your browser zoomed in?

    Login or Signup to reply.
  2. 0

    Remove the Height and Width properties – This should set it to the size that it is set to in Photoshop 

    display: block;
background: transparent url(logo.png) left top no-repeat;
text-indent: 100%;
overflow: hidden;
white-space: nowrap;
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search