Design with flat color

If you design your graphics with flat color from the beginning, you are basically giving the LZW compression the kind of file it likes—rows of repetitive pixel colors.

  • Fill areas with solid colors rather than gradients (fades from one color to another).

  • Limit the amount of photographic material in your GIFs. Use JPEGs for photographic images.

  • Favor horizontal fields of color in your designs when applicable; for example, horizontal stripes condense better than vertical stripes.

  • Turn off anti-aliasing when it isn’t necessary. The blur that makes smooth, not stair-stepped contours also adds to the number of colors in the image.

Get Web Design in a Nutshell, 3rd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.