WEB AUTHORING. MAT 108 | Alejandra Jarabo |
COMPRESSING GRAPHICS I |
Here you can see a photographic-bitmap file saved as a compressed graphic for the web, using the GIF format arquitecture. GIFs reduce file-size by reducing the bit-depth of the image, using a limited amount of colors to display the image. The list of those colors are called the color-palette or color table. Bit Depth is therefore, the length (in integers) of the numbers assigned to store the color information that each PIXEL in the image stores. The allowed length of those number, on each case, limit the amount of colors for that file, and also define the image file (less information to save for each pixel, times the ammount of pixels in the image). |
|||||||||||||||||||||||||||||||||||||||||||||||||||||
File saved as a gif file. 2 colors 2K 1 bit color deph
|
2 colors A graphic with 1 bit color-depth is the simplest graphic you can make. Electronic devices with limited screen capabilities can display them (cell-phones, personal organizers) |
||||||||||||||||||||||||||||||||||||||||||||||||||||
(see original up) |
File saved as a gif file. 3 colors. Actually uses a 2bit file. 3K |
3 colors | |||||||||||||||||||||||||||||||||||||||||||||||||||
File saved as a gif file. 4 colors 4k 2 bit color deph
|
4 colors A graphic with 2 bit color-depth can display 4 colors (remember computers store information with a binary system. each word has two possibilities 1 or O) |
||||||||||||||||||||||||||||||||||||||||||||||||||||
|
File saved as a gif file. 8 colors 5k 3 bit color deph
|
8 colors A graphic with 3 bit color-depth can display 8 colors (if you use 3 bit words, you can store 8 different combinations. See the 8 possible combinations on the left) |
|||||||||||||||||||||||||||||||||||||||||||||||||||
File saved as a gif file. 16 colors 8k 4 bit color deph:
A number defined by 4 bits can host 4 values. |
A graphic with 4 bit color-depth can display 16 colors |
||||||||||||||||||||||||||||||||||||||||||||||||||||
(see original up) |
File saved as a gif file. 32 colors 11k 5 bit color deph |
A graphic with 5 bit color-depth can display 32 different colors |
|||||||||||||||||||||||||||||||||||||||||||||||||||
(see original up) |
File saved as a gif file. 64 colors 15k 6 bit color deph |
A graphic with 6 bit color-depth can display 64 different colors |
|||||||||||||||||||||||||||||||||||||||||||||||||||
(see original up) |
File saved as a gif file. 128 colors 17k 7 bit color depth |
A graphic with 7 bit color-depth can display 128 different colors |
|||||||||||||||||||||||||||||||||||||||||||||||||||
File saved as a gif file. 256 colors 24k 8 bit depth color |
|||||||||||||||||||||||||||||||||||||||||||||||||||||
This is a jpg file with 60% compression. It is 10k big |
A graphic with 8 bit color-depth can display 256 different colors! | ||||||||||||||||||||||||||||||||||||||||||||||||||||