• Home
  • Sitemap
  • Privacy Policy
  • Contact

Build Your Site
  • Web Design
  • Blogging
  • Web Innovations
  • HTML XML
  • Web Script
  • Domain & Hosting
  • Graphics And Logo
  • Web Template
  • CMS
  • Tips n Tricks

Web Site Creation – Different Types of Web Graphics

May 1, 2011 3:23 pm

Web graphics are important part of web designing. Though there are many file formats for graphics only few are used for web purposes. It is important to familiarize with them so that you can choose the best that suits your purpose.

GIF (Graphic Interchange Format):

In 1980 CompuServe Information Service popularized the Graphic Interchange Format as an efficient way to transmit images across data networks. It was adopted in 1990 by the World Wide Web due its efficiency and widespread familiarity. Majority of images on the Web are now in GIF format, and the format is supported by all web browsers.

GIF files use a compression scheme to keep file sizes at a minimum, and they are limited to 8-bit (256 or fewer colors) color palettes. Also the GIF compresses large fields of homogeneous color better than pictures with many colors and complex textures.

With conventional (non-interlaced) GIF graphics, the browsers downloads one line of pixels at a time from top to bottom, display each line of the image as it gradually builds on the screen.

In interlaced GIF files the image data is stored in a format that allows browsers to build a low-resolution version of the full-sized GIF picture on the screen while the file is downloading. It gives the reader a idea of the full area of the picture while the picture downloads.

The GIF file format also allows you to combine multiple GIF images into a single file to create animation. The animations can be made to play again and again and again if looping is allowed. GIF animations are used in many a banners over the web

JPEG (Joint Photographic Experts Group):

This graphic file format commonly used on the Web to minimize graphics file sizes is the Joint Photographic Experts Group (JPEG) compression scheme. Unlike GIF graphics, JPEG images are full-color image or true color images.

JPEG can achieve incredible compression ratios, squeezing graphics down to as much as one hundred times smaller than the original file. But increasing the JPEG compression progressively can degrade the details of the image:

Once an image is compressed using JPEG compression, data is lost and cannot be recovered from that image file. It is always better to save an uncompressed original file of your graphics or photographs as backup.

Portable Network Graphic (PNG):

Portable Network Graphic is an image format developed by a consortium of graphic software developers as a open source alternative to the GIF image format.

PNG graphics offer a range of attractive features including a full range of color depths, support for sophisticated image transparency, better interlacing, and automatic corrections for display monitor gamma. PNG images can also hold a short text description of the image’s content, which allows Internet search engines to search for images based on these embedded text descriptions. At this moment almost all of the major browser support PNG format.

For practical purposes all formats are good and a difference is usually not appreciated by common eye. You can choose any of the three web graphics you are comfortable with.

Filed Under: Graphics And Logo Tagged With: Compuserve Information Service, Graphics File, Jpeg Images

Graphics And Logo

  • Creating Free Web Site Headers
  • Web Site Creation - Different Types of Web Graphics
  • Logo - An Emblem of the Brand
  • Logo Design Creative Ideas
  • Why Graphic Design Is Important For Any Business
  • Online Uses of Graphic Design
  • Web Design and Graphic Design
  • What is the Difference Between Web Design and Graphic Design?
  • Paint A Team Logo On Your Man Cave Wall Using The Grid Method
  • Most Common Errors in Web Design

Blogging

  • 10 Blogging Tips For Successful Blogging
  • 10 Blogging Tools That I Love
  • 10 Tips For Effective Blogging
  • 10 Unspoken Truths About Blogging
  • 5 Ways to Make Money Blogging
  • A Guide to Responsible Blogging
  • Best Blogging Reviews
  • Blogging with Wordpress
  • Blogging - A Free Simple Way to Promote Your Business
  • Blogging - A Full Time Income

Blogroll

Medical Books Online


  • プラダサングラス
  • サングラス通販

Web Design

  • Adapting Your Web Design To Your Market
  • An Overview of Web Design
  • Attractive Web Design vs. Effective Web Design
  • Big Web Design Mistakes
  • Blogging with Wordpress
  • Blogging and site-building
  • Build Your Own YouTube Site
  • Building Mailing Lists
  • Business Web Design - 10 Top Trends for 2011
  • Common Mistakes in Web Design

Archives

  • May 2012
  • April 2012
  • March 2012
  • February 2012
  • January 2012
  • December 2011
  • November 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • June 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • July 2010
  • May 2010

Web Innovations

  • Digital Signage Innovations - Digital Menu Boards
  • Analyze Innovative Capabilities Of Your Employees With Innovation Metrics
  • Web Database Software - Key Advantages
  • Green Home Innovations Are Springing Up in Unconventional Solutions
  • Various Innovations of the Information Age
  • Facebook Application Development - Tips For Owners and Designers
  • What is Social Innovation?
  • Web-Enabled Programmable Thermostat
  • Call Center Innovations
  • The Useful eBay Toolbar

Tags

Access Admin Blog Blogger Blogging Blogs Cloud Content Management System Content Management Systems Creativity Data database Dedicated Design Designers Designing Development Domain Hosting Domain Name Domain Names Google Hosting Internet marketing Modeling Money Myriad Platforms Scripts Search Engines Server Servers Solutions Synchronization Tools Traffic Web Design Web Designer Web Designers Web Page Web Pages Website Website Template Web Template Web Templates World Wide Web
© Copyright 2011 - Build Your Site
Return to Top
Chip Life Framework by TutorialChip · WordPress