WEB AUTHORING. MAT 108

Alejandra Jarabo
Media Arts & Technologies divission.sbcc

TRANSPARENT GIF
TO NEXT PAGE


Once your selection has been placed on an independent layer, it can be saved on a compressed format for the web "without a background".
This way the background of the page will be seen as the background for the image.


There are 2 web Graphic formats that
support this effect. GIF and PNG
A Gif (limited color palette) can set ONE of its colors to not be represented on screen, giving the illusion of a transparent background .

 

Set the
MATTE
COLOR

(the color that "finishes" the silhouette of your gif)

MATTE COLOR

The diagonal edge of the shape always has an ANTIALIAS effect
(system of pixels reconstructing an smooth end against a background)

Because GIFS have a limited palette of colors and only 1 is set to "not being visible", the cut of the image is going to look pretty rough.
we should include the color of your WEB PAGE's BACKGROUND as one of the colors in the gif-palette so the cut appears invisible.

 
 

The color of the future webpage ends the visible shape of our gif.

This way the image will look perfectly integrated in the page

 
hippo_pink
  hippo_pink   hippo_green   hippo_white  
  Matte set to background-pink   Matte set to green   Matte set to white  
You need to know in advance the color of your web page in order to save a
Transparent GIF