Creating GIF and Jpeg Images for Your Website - How to prepare them for best
results. by Francisco Aloy November 22, 2004
------------------------------------------------------------------ The two most
dominant Web image types are GIF (GraphicsInterchange Format) and Jpeg (Joint
Picture Experts Group).You can find the above types in most any website you
visit.They both compress to a small file size and are easy to workwith.GIF:
Pronounced jiff, like the peanut butter, is very goodfor logos and lettering.
Highly detailed images don't lookgood in the GIF format because it's limited to
256 colors;rendering complex images - such as photos - with a grainylook.Jpeg:
Pronounced jay-peg, does quite well with photographssince it was originally
designed for them. It is a lossytype of compression and will reduce the file
size bydropping bits it doesn't need.General Website Preparation Guidelines:It's
best to work with all your Web images at a much higherresolution than 72 or 96
pixels per inch (PPI). If you arecreating original images, scan to at least 300
PPI. ThoughGIF is somewhat more forgiving of lower resolution thanJpeg, 300 PPI
offers a good compromise for editing. The reason you need to edit in high
resolution is that yourimage manipulation and filtering will have a more
detailedlook when recompressed for the Web. The excellent detail
ofprofessionally crafted virtual eBook covers is on account ofthe high
resolution image editing.When working with logos and lettering, areas of concern
areall the border lines that meet the background color. Youshould select two to
four pixels (half on the lettering andthe other half on the background) and
apply a generousamount of your paint application's smoothing filter.Once you are
done with the editing, it's time to recompressand convert the images for use on
the Web! Depending on yourneeds, resize the images to either 72 or 96 PPI and
savethem as GIF or Jpeg. Take your time and use many of the Webfeatures of your
paint application; experiment to see whatis the best compromise between image
size and quality.Items to consider:High, medium or low compression.Colors: 16,
32, 64, 128, 256Dither/no DitherOf course, there are more detailed works on
editingimages for use on the Web; this article doesn't pretendto be on par. Yet
and still, by following the simpleguidelines above, you'll be able to produce
some very decent images for your website.More
resources:http://www.putertutor.net/ Super tutorial site for all things
graphic.http://www.mccannas.com/pshop/menu.htm Very well written instruction for
graphics applicationshttp://www.websitetips.com/graphics Excellent gateway site
to all the good graphic designtutorials and learning
resources.============================================= by (C)2004 FRancisco
Aloy=============================================Agreement reminder, not part of
the article:Please include my working hyperlink in the resource box. Remove
paragraph before posting.. Free Articles and Content by ContentDesk.com
------------------------------------------------------------------ . by Francisco Aloy November 22, 2004
------------------------------------------------------------------ The two most
dominant Web image types are GIF (GraphicsInterchange Format) and Jpeg (Joint
Picture Experts Group).You can find the above types in most any website you
visit.They both compress to a small file size and are easy to workwith.GIF:
Pronounced jiff, like the peanut butter, is very goodfor logos and lettering.
Highly detailed images don't lookgood in the GIF format because it's limited to
256 colors;rendering complex images - such as photos - with a grainylook.Jpeg:
Pronounced jay-peg, does quite well with photographssince it was originally
designed for them. It is a lossytype of compression and will reduce the file
size bydropping bits it doesn't need.General Website Preparation Guidelines:It's
best to work with all your Web images at a much higherresolution than 72 or 96
pixels per inch (PPI). If you arecreating original images, scan to at least 300
PPI. ThoughGIF is somewhat more forgiving of lower resolution thanJpeg, 300 PPI
offers a good compromise for editing. The reason you need to edit in high
resolution is that yourimage manipulation and filtering will have a more
detailedlook when recompressed for the Web. The excellent detail
ofprofessionally crafted virtual eBook covers is on account ofthe high
resolution image editing.When working with logos and lettering, areas of concern
areall the border lines that meet the background color. Youshould select two to
four pixels (half on the lettering andthe other half on the background) and
apply a generousamount of your paint application's smoothing filter.Once you are
done with the editing, it's time to recompressand convert the images for use on
the Web! Depending on yourneeds, resize the images to either 72 or 96 PPI and
savethem as GIF or Jpeg. Take your time and use many of the Webfeatures of your
paint application; experiment to see whatis the best compromise between image
size and quality.Items to consider:High, medium or low compression.Colors: 16,
32, 64, 128, 256Dither/no DitherOf course, there are more detailed works on
editingimages for use on the Web; this article doesn't pretendto be on par. Yet
and still, by following the simpleguidelines above, you'll be able to produce
some very decent images for your website.More
resources:http://www.putertutor.net/ Super tutorial site for all things
graphic.http://www.mccannas.com/pshop/menu.htm Very well written instruction for
graphics applicationshttp://www.websitetips.com/graphics Excellent gateway site
to all the good graphic designtutorials and learning
resources.============================================= by (C)2004 FRancisco
Aloy=============================================Agreement reminder, not part of
the article:Please include my working hyperlink in the resource box. Remove
paragraph before posting.. Free Articles and Content by ContentDesk.com
------------------------------------------------------------------