Designing Retina Web Graphics in Photoshop: Should You Work at 1x or 2x?(danrodney.com)

over 6 years ago from Dan Rodney, instructor, web developer, designer

  • Andy StoneAndy Stone, over 6 years ago

    "I disagree 100%. I've looked at 2x and 3x phones and the graphic quality looks the same"

    Why even scale up to 2x at this point? There is a 50% difference in quality between 2x and 3x—and it is definitely possible to tell with detailed illustrations/photography on an iPhone Plus or G Pixel.

    If you don't want people downloading uselessly large graphics, keep it at 1x for photos that don't matter. Dirty secret: we do that for some photos that lack detail and don't really benefit compared to the MB tradeoff.

    Ninja Edit: thanks for putting the time into writing the article, but you will hit a lot of resistance (especially on this site) pushing for Photoshop in web graphics. I wish you luck.

    0 points
    • Dan RodneyDan Rodney, over 6 years ago

      I can't see a difference between iPhone (2x) or iPhone Plus (3x) at normal viewing (and I have good eyesight). Surely there's more resolution there, but normally I can't see it.

      You bring up a good point about keeping some things at 1x. Especially with photos you can't always see much of a difference so you don't always need 2x. Sometimes 1x is enough, or you can do something between 1 and 2x. If you really compress your 2x photos though, you can often end up with the extra resolution but the filesize isn't too much bigger than the 1x.

      I knew people here aren't fans of Photoshop... but I also know some people have to use it. I never meant this to seem like an endorsement of using Photoshop (but maybe even submitting it here seemed to imply that). I thought it would get people talking, and I think discussions like this are great. Thank you for a thoughtful and polite response :)

      0 points