Skip to main content
evan_co
evan_co
Participant
November 7, 2018
Question

When Will Adobe Update Save for Web Settings?

  • November 7, 2018
  • 4 replies
  • 1056 views

Alright, Adobe.

The year is 2018. Retina displays were introduced to us over half a decade ago. I've been designing for far longer, and every time there is a Photoshop update I hope and pray that you guys will update the settings for "Save for Web" - given that it is rare devices still display at only 72 dpi.

When will Adobe develop further options on the Save for Web panel that allow the user to save at higher resolution DPI? It was so nice to be able to view settings on the Save for Web option, 2 up, 4 up, etc..., but now if I want to save an image at 150 dpi, I have to manually do Save As, select the JPEG dropdown, and then scale from there.

Please put some consideration into altering this setting, given that nobody saves for web at 72 dpi anymore!

Thank you,

-Evan

This topic has been closed for replies.

4 replies

T
Test Screen Name
Legend
November 9, 2018

window.devicePixelRatio seems to be the common way to do this. JavaScript can look at this value and select a suitable image. More details than I understand are on here: High DPI Images for Variable Pixel Densities - HTML5 Rocks

    T
    Test Screen Name
    Legend
    November 9, 2018

    You can't overcome the effect of doubling (which is to turn an expensive monitor into a very cheap one, because people don't like things to shrink). Or if you find a way, let us know. If it were as simple as ppi, you could use Save As instead of Save For Web.

      shiva108
      shiva108
      Participating Frequently
      November 9, 2018

      Well, the only way I've found is to "Save as" with @2x... Then I have a good quality. But, of course, a 800 px wide image instead of 400px and a much more heavy file...

      D Fosse
      Community Expert
      D FosseCommunity Expert
      Community Expert
      November 9, 2018

      That will only work with websites that are specifically coded for this. Then the browser displays the 800 pixel version on high-density displays - remember, the web browser "knows" what display you have - but the standard 400 pixel version on standard displays.

      But again, the site has to be coded for this, and most sites aren't.

      Normally, the browser will take the 400 pixel version and scale it up to 800 pixels. Or it will scale up 800 pixels to 1600.

      Just use View > 200% in Photoshop. That is how you will see it in your browser.

        T
        Test Screen Name
        Legend
        November 9, 2018

        To look at it another way: try making an image, and then set it to a number of different resolutions WITHOUT RESAMPLING (keeping the number of pixels the same). Now SAVE AS JPEG (not export or Save For Web), which will keep the resolution.

        View it on the web. View it in a photo viewer. If you find any difference between the different resolutions, let us know and we can try to explain it. We'd expect them to be identical because ppi is irrelevant.

          D Fosse
          Community Expert
          D FosseCommunity Expert
          Community Expert
          November 7, 2018

          There is nothing to update. You misunderstand how this works.

          Pixels per inch (or dpi as you call it) is a print parameter, irrelevant on the web. It doesn't apply. On the web, images are displayed by pixel dimensions only - one image pixel to one screen pixel.

          Which is why resolution metadata is stripped from the file in SFW/Export. It's not needed. The file doesn't have a ppi, the 72 figure only appears as a default when reopening.

          What confuses a lot of people is the scaling that web browsers do when a high-resolution display is detected. Then they use four screen pixels to represent one image pixel. This is the same as Photoshop View > 200%.

          The reason this is done is so that images display at roughly the same physical size on screen as people are used to from traditional displays. It's just a hack and a workaround. Photoshop can't do that, it has to be accurate.

            shiva108
            shiva108
            Participating Frequently
            November 9, 2018

            Ok, but then, how do you explain that Apple says that their Retina screens are 220 dpi (since 2013, 227 dpi previously)  ?

            Source: Using a Retina display - Apple Support

            T
            Test Screen Name
            Legend
            November 9, 2018

            Screens have always had a resolution. So what? This has nothing to do with ppi (resolution) values in an image. This exists to size for printing. Screen displays are designed in pixels, not inches.

            Terms & ConditionsAccessibility statement
            Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices