Graphic Design
  Home arrow Graphic Design arrow Page 2 - Web Graphics Overview
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
GRAPHIC DESIGN

Web Graphics Overview
By: Bryan Montford
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 4
    1999-08-02

    Table of Contents:
  • Web Graphics Overview
  • CompuServe's Graphic Interchange Format (GIF)
  • Joint Photographic Experts Group (JPEG)
  • Portable Network Graphic (PNG)
  • Conclusion

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Web Graphics Overview - CompuServe's Graphic Interchange Format (GIF)


    (Page 2 of 5 )

    Some say it should be pronounced with a soft "G," as in "Choosy moms choose JIF." However, most people I know pronounce it GIF, the "G" sounding hard, as in "Graphic." When in a discussion, I'll use whatever the other person seems comfortable with. Frankly I don't much care how it's pronounced as long as people understand what's being discussed. It's a name of a file format, not a political issue, and not worth debating. (Although some will debate that it's not worth debating.)

    GIF was developed by Unisys specifically for online graphics. It supports a maximum of 256 colors and is best used on images with sharply defined edges and large, flat areas of color. Text and line based drawings usually fall into this category. GIF uses LZW (Lempel-Ziv-Welch) compression to make files small and transfer quickly over a modem. GIF is a lossless format, meaning that it doesn't discard information to save space. Please note that converting an image with thousands or more colors to 256 colors is a destructive change that will result in decreased image quality. GIFs currently come in two flavors, GIF87a and GIF89a. The GIF87a format has fallen out of favor somewhat since it doesn't support transparent colors, interlacing, or animation. Both types support dithering. If you don't need a transparent or animated GIF, then don't sweat over choosing GIF87a or GIF89a. Both should be viewable in any browser that supports images.

    Some notes about GIF files: Fewer colors equal smaller files. GIFs have to store every color used in a table. The fewer colors stored, the smaller the resulting file.

    Interlacing a GIF will make it appear more quickly in a browser, but will make the file larger. A good rule of thumb is to interlace images larger than 10 or 15k, but not those that are smaller.

    You can dither a GIF and make it seem to contain more than 256 colors. Dithering works by grouping differently colored pixels next to each other fooling the eye into seeing a color that isn't really there. Dithering can increase file size significantly, since it works against the compression method used by GIF.

    GIFs can compress an image with horizontal stripes better than one with vertical stripes. A GIF "reads" from the upper left to the lower right, compressing each horizontal row before moving on to the next, making it more efficient at storing files with "horizontally dominant" information.

    More Graphic Design Articles
    More By Bryan Montford


     

    GRAPHIC DESIGN ARTICLES

    - 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
    - The Pen is Mightier than the Brush Tool







    © 2003-2009 by Developer Shed. All rights reserved. DS Cluster 6 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek