• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

Images look blurry in browser

New Here ,
Sep 18, 2022 Sep 18, 2022

Copy link to clipboard

Copied

Hi. Can anyone take a guess as to why images that look sharp in Photoshop are looking soft on a browser? It's very frustrating.
Thanks.

TOPICS
macOS

Views

59

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 18, 2022 Sep 18, 2022

Copy link to clipboard

Copied

You should show us a screenshot. The most plausible cause is, that the browser image is too small for the display. You also may have zoomed your browser, to have a bigger view on a smaller high-resolution screen.

 

If you have a specific website, you could also give that to us. Don't forget to tell us the dimensions of your pictures.

ABAMBO | Hard- and Software Engineer | Photographer

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 18, 2022 Sep 18, 2022

Copy link to clipboard

Copied

Many things can cause this issue including your site template, for example. After exporting image from Photoshop, open it in some image viewer at 100%.

 

Does it look sharp? Its not Photoshop then.

 

Does not look sharp at 100% view? Which command and settings you are using to export or save?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 18, 2022 Sep 18, 2022

Copy link to clipboard

Copied

I'm guessing you have a retina screen?

 

In that case the browser will scale up images, so that one image pixel is represented by four screen pixels.

 

Photoshop displays correctly, one image pixel represented by exactly one screen pixel.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 20, 2022 Sep 20, 2022

Copy link to clipboard

Copied

Have you tried making images specifically to the dimensions they will have online, I mean the pixel dimensions? 

Once you've done that, try a little sharpening - that should help a lot.

If you're perhaps working with large images and placing those online so the browser is scaling - that could explain the reduction in sharpness. 

 

edited, typos!!

I hope this helps
neil barstow, colourmanagement net :: adobe forum volunteer:: co-author: 'getting colour right'
google me "neil barstow colourmanagement" for lots of free articles on colour management

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Sep 20, 2022 Sep 20, 2022

Copy link to clipboard

Copied

LATEST
quote

If you might are perhaps large images online and the browser is scaling that could explain the reduction in sharpness. 

By @NB, colourmanagement net

Scaling down should not be a big problem, except on old Internet Explorer browsers. They create aliasing, as they don't scale with state-of-the-art technology. It's more that the picture is too small and gets upscaled by the browser.

ABAMBO | Hard- and Software Engineer | Photographer

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines