JPEG and GIF the differencesWritten by Maricon Williams
JPEG and GIF image formats are both compression based formats. They are most widely used and supported image formats for web. They take an uncompressed image such as bitmapped image and compress them to a smaller file size. A lot smaller image size is moreover result of this conversion. It may seem that one compression may result in smaller file sizes, nevertheless that is simply not case. Now where lays difference?JPEG stands for Joint Photographic Experts Group. It supports 16.7 million colors. It is ideal for photographic images and high quality images. JPEG is a lossless method of compression or in common parlance, when program that creates a GIF squashes original image down to ensure not to lose any data. It uses an easy substitution method of compression. GIF on other hand, stands for Graphic Interchange Format. It supports only a maximum of 256 colors. It is only alternative to make an image animated unless you want to use Flash. Between GIF and JPEG, only GIF allows transparency. GIF is good for images with flat expenses of color. It can be use for logos, titles, button, etc. The maximum compression of GIF depends on amount of repetition there is in an image. A flat color can compress well to even one tenth of original size while a complex non-competitive color will save approximately 20%.
| | Web design illustration tipsWritten by Granny's Mettle
Pictures are worth a thousand words. So are illustrations and images on any web page. Your illustrations will either make your visitors stay and read on, or make them decide to skip and click on another web site.For best results, you could apply following tips for illustrations in your web pages: •Use colors from a typical web palette for your illustrations. If you use solid colors for your illustrations, try to stick to standard 216 colors of web palette. The colors will have same look on any type of computers and web browsers. If you want to use color gradients or blends, try it out first on your screen set to only 256 colors. This is to avoid having your colors look very muddied, unattractive, and hard to distinguish. If it doesn't look good at this resolution, try a different color blend that is not as harsh. Furthermore, colors in your illustrations should also match those used in other graphics of your web site layout. This includes masthead, sidebar, buttons, icons, image maps, among others. •Provide thick lines in your illustrations. Results in printed image differ from images on your computer screen. Small lines that are visible in your printed image will show up more thinly or not at all on screen. This is because monitor has a much lower resolution than ink to a printed page. Remember to make your lines thicker and your illustrations will be seen more clearly by browsers, even to most minute detail. •Browsers should be able to download quickly. Speed is important for people who browse internet. No matter that your illustrations are great and worthy of praise, visitors will definitely leave your site in a snap if they are too big in file size and difficult to download. A big file for an illustration takes a long time to download. Test first your illustrations at a smaller file size, either by reducing amount of colors or provide them with less space on your screen. If they look good then provide a smaller version. Your visitors will be grateful and stay longer at your site.
|