New Mac and CC ... Saving for Web looks awful now!

Discussion in 'Scrapping Pad' started by Tiff, Oct 1, 2016.

  1. Tiff

    Tiff I don't need no stinking playlists!

    Messages:
    2,345
    Joined:
    Jan 8, 2010
    I have had a new Mac for a few months, and I've finally installed CC (used CS4 before). Just scrapped my first layout.

    My saving for web looks absolutely awful. I'm using the Save for Web (legacy) function in CC. It looks OK when I'm in Photoshop, although it seems "smaller" than it should.

    When I save the file and look at it in finder, it looks "bigger" and blurry.

    I also tried Cheryl's save for web action, and it looks awful too. I don't know what I'm doing wrong. Does anyone have any ideas? I'm wondering if it has something to do with how it is being sized visually in finder - because it looks bigger in Finder than it does when it is open in Photoshop.
     
  2. jenn mccabe

    jenn mccabe She's OUR sunshine!

    Messages:
    21,540
    Joined:
    Jan 5, 2013
    Great question ... I've been meaning to ask and even tried googling with less than stellar results.

    Tiff ... I am struggling with this too (for a few months now). I really can't get used to how small it appears in Photoshop. And I don't feel like my pages look as sharp as they used to. And it just doesn't look right to me either using Cheryl's save for web anymore or anything else I try ... would love to hear how others are saving for web after CC. I think it was a fairly recent CC update that changed everything... CC 2015 maybe?
     
  3. Tiff

    Tiff I don't need no stinking playlists!

    Messages:
    2,345
    Joined:
    Jan 8, 2010
    My Mac has a Retina display with 2304 pixels in the vertical direction. A 600 pixel image should only be about 25% of that. But when I look at my image in Preview, it is filling half of the vertical dimension. I think that is why it looks blurry, it is being stretched (even though in Preferences I set it to one image pixel = one screen pixel). I think what you see in Photoshop is the "truer" view of the image.
     
  4. amien1

    amien1 I do enjoy a good exclamation point!

    Messages:
    4,545
    Joined:
    Dec 14, 2015
    Hmm- I haven't noticed a big difference. I don't always use save for web though. I made my own resizing action (with a high pass overlay to sharpen) and then only save for web if I need the size smaller. Usually it's only at other stores- most of my tlp layouts I just resize, sharpen & save around an 8. Sorry I guess I"m not much help! :/
     
  5. Tiff

    Tiff I don't need no stinking playlists!

    Messages:
    2,345
    Joined:
    Jan 8, 2010
    @jenn mccabe do you have Retina display? I'm reading some stuff that says the Retina display automatically stretches images so that they don't look too small .... but that can make them look blurry ....
     
    jenn mccabe likes this.
  6. mollyc

    mollyc PrettyPinkPicturesPlease

    Messages:
    3,185
    Joined:
    Dec 16, 2012
    I don't have a Retina display on my iMac but am considering upgrading my machine when the new ones come out (whenever that is, I'm not in a hurry) so have done research on the Retinas. You need to save your images at 2x the pixel width that you used to save. So if you typically were saving at 600px wide, save at 1200px wide. That makes it wide enough for the Retina and other HD type of displays, but most browsers will automatically resample down for regular displays.
     
    jenn mccabe likes this.
  7. jenn mccabe

    jenn mccabe She's OUR sunshine!

    Messages:
    21,540
    Joined:
    Jan 5, 2013
    I do have retina. And actually now that you mention it being linked to the retina display, that is when the problems started ... I think I upgraded to CC 2015 at that time too. So those two things are when I noticed issues. I just thought it was linked to the legacy > save for web in CC because it was an obvious change from the previous version.

    I really don't view them in Finder other than a tiny thumbnail ... so I'm not experiencing the blurry finder images. But I feel like my saving for web is jacked up. If I saved at 600 pixels with any of my old methods ... either manually or with a save for web action ... it looked awful. I've just been trying to tweak and not really happy with anything.

    So @mollyc ... the research shows saving at 1200 pixels? How then do we get the files sized for the galleries properly? I am not the most technical person.
     
  8. mollyc

    mollyc PrettyPinkPicturesPlease

    Messages:
    3,185
    Joined:
    Dec 16, 2012
    I don't think the gallery has a max pixel size anymore (it did in the past). I think now we are limited by over all file size (in terms of kb). If the image is larger than the gallery you can click on it now and it just opens a larger pop up version of it.
     
  9. mollyc

    mollyc PrettyPinkPicturesPlease

    Messages:
    3,185
    Joined:
    Dec 16, 2012
    Also, I don't know if it's 1200 px. specifically....I just used 600/1200 as an example. But double the width of your previous save for web routine.
     
  10. mollyc

    mollyc PrettyPinkPicturesPlease

    Messages:
    3,185
    Joined:
    Dec 16, 2012
    Oh, I just checked and it does say 800px max (and 1MB).

    You could also do 800px wide and up the DPI to 200 or 300; most web actions save at 72dpi. That essentially accomplishes the same thing but keeps the actual px size within the parameters.

    So maybe try 800px @ 200DPI and see how that looks.
     
  11. Tiff

    Tiff I don't need no stinking playlists!

    Messages:
    2,345
    Joined:
    Jan 8, 2010
    My husband and I did a little experiment. We opened the same file on my iMac with Retina and his iMac with regular display. The images looked the same size on the screen, but mine with Retina was a bit less quality, enough that I noticed anyway ... not so sure how much he noticed it.

    @mollyc I'll try saving at some different file sizes/DPI and see what happens.
     
    mollyc likes this.
  12. Tiff

    Tiff I don't need no stinking playlists!

    Messages:
    2,345
    Joined:
    Jan 8, 2010
    Well, I've been going round and round in my mind. I finally opened up an old photoshop file and saved the layout for web, with as close to the same settings/sharpening as I did 3 months ago on my old computer, same pixels, same file size.

    Comparing the two web files side by side (one made on my old PC with CS4, the other made on my iMac with CC) ... they were indistinguishable!

    I read one explanation online is that your eye/brain has got so used to the crisp clearness of the Retina display, that some web images just look crappy now in comparison. And if you had been on a lower resolution screen the whole time, you just wouldn't have noticed it.
     
  13. berniek

    berniek I have a girl crush on the Naming Fairy

    Messages:
    2,620
    Joined:
    May 3, 2012
    I completely agree with this thread!!!! I have been complaining about the bad save-for-web versions too!!

    I was on a windows laptop for years but recently bought an 27 inch iMac with Retina 5K display. That's also when I had to switch to CC. I have been wondering if it's just me and the fact that my screen is just so much bigger and clearer when I am creating my pages that when you use the Save For Web action just is a too big of a change and therefor you see all the imperfections.

    I am just wondering if other people view my pages as blurry or whatever. If only we can see a change, but other people can't, then I am ok with that. ;)

    Also I'm going to try saving them differently as suggested above.
     
  14. jenn mccabe

    jenn mccabe She's OUR sunshine!

    Messages:
    21,540
    Joined:
    Jan 5, 2013
    OK... so doing everything the old way doesn't effect anything for anyone else, it's just those of us on Retina displays may notice a difference.

    I will try some of Molly's ideas. I'd kinda like to have the best of both worlds too... looks good to me (and other Retina users - they are my pages and memories after all) and also looks to the rest of the displays. Hopefully we can find a happy medium.

    Thanks @Tiff for running the experiment on the old iMac and the new Retina display. It helps to "know"!!! And thanks @mollyc for researching the suggestions on how to get the save for web pages to look better for us!

    I'm so glad you asked this question Tiff!
     
  15. mollyc

    mollyc PrettyPinkPicturesPlease

    Messages:
    3,185
    Joined:
    Dec 16, 2012
    It's not a CC thing, it's a Retina thing (or an alternate HD type of screen for Windows based people). I have read of photographers returning Retina screens because they hated the way the web versions of their photos look. This was in the early days of Retina before people really figured out what was going on and how to fix it.
     
    berniek likes this.
  16. jenn mccabe

    jenn mccabe She's OUR sunshine!

    Messages:
    21,540
    Joined:
    Jan 5, 2013
    Yes, good to know and thanks Molly.

    [​IMG]
     
  17. fruitysuet

    fruitysuet Well-Known Member

    Messages:
    4,042
    Joined:
    May 1, 2013
  18. cfile

    cfile My bags are packed for Platform 9 3/4

    Messages:
    23,932
    Joined:
    Sep 2, 2011
    @jenn mccabe I am fine with save for web with cc... I use an action that I downloaded for free here at the Lily Pad https://the-lilypad.com/store/resize-for-web-photoshop-action.html by paislee press and Cindee Bae and it works pretty well for me. I am on cc 2015.5.
     
  19. mollyc

    mollyc PrettyPinkPicturesPlease

    Messages:
    3,185
    Joined:
    Dec 16, 2012
    Did any of you ever come up with good settings? I just updated my computer to a 5K Retina iMac and despite my previous research and comments above on how to fix it, can't find settings for this site that look right. Oddly, my images for FB (and another site I post photos on) all look the same (clear, as I see them in PS), but here they are super blurry to me, even adding extra pixels or resolution.
     
    Last edited: Aug 10, 2017
  20. bbymks5

    bbymks5 Where oh where can it be?!?

    Messages:
    3,214
    Joined:
    Jan 9, 2017
    I'm not a MAC user, but I have also noticed this with PC...I have no idea how to fix it and it really makes me wish we could find the CS5 CD.
     

Share This Page