Images and Multimedia

  • KISS!
  • Re-use images (remember the cache!)
  • But make sure images are sized close to what their orginal size is
  • Specify image dimensions in Photoshop
large flower 728 px Why does this picture take so long?
  • Four universally-supported formats:
    • GIF
    • JPG
    • PNG
    • SVG
  • GIF (Graphic Interchange Format)
    • 8-bit = 256-color max, LZW compression
    • Variable bit-depth (2, 4, 8, 16, 32, 64, 128, 256 colors)
    • "Lossless" compression (8 • instead of ••••••••)
    • Interlacing (for slow connections)
    • Transparency (not limited to rectangle)
    • Animation (multiple layers with speed and delay)
    • GIF color depth and file size:
      hanson hanson hanson
      256 colors (32K) 128 colors (26K) 64 colors (19K)
      hanson hanson hanson
      32 colors (14K) 16 colors (9K) 8 colors (7K)
      hanson hanson hanson
      4 colors (5K) 2 colors (2K) 2 colors dithered (3K)
      Photography by PSDesign Photography
    • transparency

      Transparency: Antialiased to white, then made white transparent

      stuff
      stuff
      stuff
    • image

      • Matte color is transparency color

      image

      Animation:

      stuff

       

      Fireworks animated GIF frames