- 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
- TinyPNG website - alternative to optimizing images
- Photoshop express - free image cropper
Why does this picture take so long? |
- Four universally-supported formats:
- GIF
- JPG
- PNG
- SVG
- webp - Needs a converter
- 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: 256 colors (32K) 128 colors (26K) 64 colors (19K) 32 colors (14K) 16 colors (9K) 8 colors (7K) 4 colors (5K) 2 colors (2K) 2 colors dithered (3K) Photography by PSDesign Photography -
Transparency: Antialiased to white, then made white transparent
-
-
Matte color is transparency color
Animation:
-