UNDERSTANDING WEB GRAPHICS

Apple on the left is 16 million colors while apple on the right is 256 colors.  Both look the same.

DECREASING COLOR DEPTH

COLOR DEPTH BEGINS AT 256, THEN THEN 100, NEXT IS 16 AND ENDS WITH 2

JPG FILE COMPRESSION

FROM TOP LEFT, ORIGINAL IMAGE IS 40K IN SIZE, TOP RIGHT IS 18K IN SIZE, NEXT 9K, DOWN TO 7K, BOTTOM LEFT 5 K AND LAST 2K.  WHEN BUILDING WEBPAGES IT IS BETTER TO HAVE SMALLER IMAGES SO THEY WILL LOAD FASTER.  IN THIS CASE THE PICTURE THAT IS 7K WOULD PROBABLY BE THE BEST CHOICE AS IT HAS THE MOST CLARITY WITH THE LEAST AMOUNT OF SIZE.

IN THIS EXERCISE, WE LEARNED TO MAKE A COLOR IN THE FILE TRANSPARENT.    THE BACKGROUND WAS ORIGINALLY BLUE.  THE SECOND PICTURE IS WHERE WE LEARNED TO GET RID OF SOME OF THE JAGGED EDGES. 

JPG PITFALLS - STAR ON LEFT IS A GIF FILE SAVED FROM ORIGINAL 16MILLION COLOR IMAGE.  STAR ON  RIGHT WAS SAVED AS A JPG FILE WITH 40% COMPRESSION BUT IS NOT AS CLEAR.

BACK

Hosted by www.Geocities.ws

1