B. shows the addition of a new horizontal line (white), and increases the file size by about 1000 bytes.
C. Shows the addition of a second color using a 45 degree diagonal cut. Again the addition adds about 1000 bytes from the original.
D. Shows a long (20 inch) vertical line on the page, and you can see the file size increase is substantially more than B where the line is horizontal. File size is 5521 bytes.
E represents the same image as D but with the addition of a "DROP SHADOW" to add a 3-D effect. Only a slight enlargement over D. 5682 bytes.
F. Instead of building the page one step at a time, F is the culmination of the horizontal line, vertical line, drop shadow, 45 degree additional color and a simple logo in the corner. With all of this the file size is still only 8207 bytes. Still better than a 600:1 compression. The quality of F can be seen in the close-up image G. This is a real size portion of the browser displayed in F.
Note*: the background used on this page is 3904 bytes in size, and was created the same way.
|