Home arrow Graphic Design arrow Web Graphics Overview
GRAPHIC DESIGN

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
TABLE OF CONTENTS:
  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
SEARCH DEVARTICLES

Web Graphics Overview
(Page 1 of 5 )

I wrote this article in response to many posts I've seen asking about file formats. This is not a comprehensive, definitive guide, but a primer providing the basics needed to make effective decisions. If you're looking for detailed explanations, the specifications for the following file formats are posted online. My goal with this article is to make sure you know what a given file type is generally best at, when to use it, and basically how it works.

Currently there are three dominant file types found on the Internet: GIF, JPEG, and PNG. The first two, GIF and JPEG, are the most common and familiar to those that frequent the Web. PNG is relatively new compared to GIF and JPEG, but it offers some very important improvements and combines some of the best of both file types. Although previously not well supported, most current Web browsers display the PNG file type.

In the following pages we'll examine each format's strengths and weaknesses. We'll 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.


blog comments powered by Disqus
GRAPHIC DESIGN ARTICLES

- 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 
Support 

Developer Shed Affiliates

 




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