: Notcing that a lot of sites, on my new MacBook have dithered graphics, how as a desinger would I tackle that? With my new MacBook, lots of sites now show lousy graphics (attached), and it

@RJPawlick971

First of all, that's not dithering. That's anti-aliasing you are seeing.

Secondly, if you have a retina screen macbook, a lot of web site graphics will look like that because not all sites are sending you the higher resolution retina images.


To have crystal clear, pixel perfect graphics for any site, as a designer, what graphics specs should I be working with in the way of size, resolution, palette, and best saving tips?


There's no one answer to this. This is simply too broad of a question, but...


And do I now need to really have 2 graphics for every site?


If you want to support higher-density screens like 2x and 3x retina displays, then you need images that support those 2x and 3x screens.


Seems kind of crazy. Solutions most welcome.


Solutions include:


not worrying about it. People will still see images. Just not as crisp as they could be.
create separate images as needed.
create just the highest resolution image (lower resolution screens will still see it just fine...the only drawback is that you are forcing people with lower resolution screens to spend the bandwidth downloading pixels they can't see).
try using resolution-independent vector files (SVG, icon fonts, etc.)

Vote Up Vote Down