Home arrow Graphic Design arrow Page 5 - Web Graphics Overview

Web Graphics Overview

Currently there are three dominant file types found on the Internet: GIF, JPEG, and PNG. Learn how each can work to help us preserve image integrity, while keeping files sizes minimal. Properly optimizing your graphics will make your site look more professional, and reduce the amount of time your visitors spend waiting for your pages to download.

Author Info:
By: Bryan Montford
Rating: 4 stars4 stars4 stars4 stars4 stars / 7
August 02, 1999
  1. · Web Graphics Overview
  2. · CompuServe's Graphic Interchange Format (GIF)
  3. · Joint Photographic Experts Group (JPEG)
  4. · Portable Network Graphic (PNG)
  5. · Conclusion

print this article

Web Graphics Overview - Conclusion
(Page 5 of 5 )

The next time you're wondering how you should save a file out, ask yourself some questions. Is this image mostly lines and large areas of flat color? If the answer is yes, choose GIF or PNG. If the answer to your question is no and the image looks more like a photograph, then choose JPEG or PNG. While PNGs work well for both types of images, Keep in mind that the resulting files are usually larger, and PNG support is still fairly spotty. Most 3.0 version web browser will require a plug in to display a PNG.

Armed with this information, you should be able to choose the best file format to use for a specific graphic. Remember that these are not hard and fast rules, but guidelines designed to assist you with your choices. Be sure to experiment. Every image is different, and each should be treated as unique. You never know what you might be able to do to minimize file size until you try.

DISCLAIMER: The content provided in this article is not warranted or guaranteed by Developer Shed, Inc. The content provided is intended for entertainment and/or educational purposes in order to introduce to the reader key ideas, concepts, and/or product reviews. As such it is incumbent upon the reader to employ real-world tactics for security and implementation of best practices. We are not liable for any negative consequences that may result from implementing any information covered in our articles or tutorials. If this is a hardware review, it is not recommended to open and/or modify your hardware.

blog comments powered by Disqus

- Customizing Wordpress Favicons and Gravatars
- Building Corner Effects with Transparent Bac...
- 3D Graphics Technology: VRML Part I - Introd...
- Creating Visual Effects
- Web Page Design Overview
- Creating Artistic Photographs
- Working with Tools in Paint Shop Pro 8
- Using HTML Quickform for Form Processing
- Introduction to Adobe FrameMaker
- WebLogic Workshop, WebLogic Platform, and th...
- Planning the Site
- Working with Web Services
- WebLogic Workshop Application Development Ba...
- Scanning Images for Web Use
- Web Graphics Overview

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2018 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials