CWC index .

Making Transparencies in IrfanView®

Go from this: non-transparent image to this: transparent image

The following instructions are for making transparent images using IrfanView® 3.85, which supports several image formats, including GIF, JPG, PNG, BMP, ICO, and TIFF. For whichever image you choose, you should make a copy of it: save as "transpimagename.gif". If the image is already a gif, make sure that you change the name of the file. When making changes, it is always wise to keep the original image intact. Any changes should be made on the copy of the image. Use images that have solid single colour backgrounds that are similar in colour to the background of your html page.

View screenshots of each step by clicking the eyeglasses (eyeglasses ©ejm) image.

  1.  Select an image. Please, observe copyright rules. (For this demo, the image chosen was a BMP drawn on a white background. But any image type that is supported by IrfanView can be use. Just remember the magic words: "Save As")

  2.  Save as GIF - 'Save As'. Open image in IrfanView. Go to File --> Save as. eyeglasses ©ejm

  3.  Save as GIF - Choose GIF. Choose GIF - Compuserve GIF from the drop down menu.eyeglasses ©ejm

  4.  Save as GIF - type in filename. Make sure that 'Save Transparent Color' and 'Choose transparent color during saving' boxes are checked. Type in the filename. Hit the Save button. eyeglasses ©ejm

  5.  Set Transparency. Place your cursor anywhere on the background of the depicted image and click on it to save. eyeglasses ©ejm

  6.  Check Your Work  And that's all there is to it. To admire your work, use the image in an html file with a colored background to see how well the edges blend. Note that if the original background colour on the image is markedly different, you may see a halo effect around the image. eyeglasses ©ejm


© llizard 2004

CWC reference pages . ASCII-art . illustrations and gif animations . llinks to ridiculously useless sites . home page