Designing Your Gallery

  1. Organize your gallery into logical breakpoints
    By subject, by season, by city, whatever makes sense for your work.

  2. Optimization: Make your images fast to load. It is a real science to balance fast load time and image quality, but practice will get you comfortable with it.
    • gif vs jpg
      Use the "jpg" format instead of "gif" for pictures. Gif images don't handle gradation well, and you get loss of quality pretty quickly.
    • 72 ppi is sufficient (that is screen resolution, so any higher resolution will only make your file slower to load, it will not increase the quality at all)
    • 432 pixels along the longest edge for large image
    • 100 pixels along the longest edge for buttons
    • save your jpg at the lowest level that still gives a decent quality for the web (level 2 or 3 if possible)
    • save your gif down to the least amount of colors possible to still give decent quality (8 colors if possible)

Page 13