Web Development

Web Graphics

Web browsers usually support two types of web images on the browsers; however the third type PNG is also gaining a lot of support. There are many other image formats which are supported by the browsers but the three most well used and supported are

GIF
JPG
PNG



GIF Files:

The GIF files commonly known as Graphic Interchange Format were popularized by CompuServe in the 1980s. The GIF files were initiated as a proficient method of spreading images across the data networks. GIF files include a compression system which keeps the file size to a minimum and they also ensure that the images include only web safe colours limited to 256 or fewer colours. There are three types of GIF files.
1. Interlaced GIF- These files build a low-resolution version of a full sized GIF picture on the screen while the file is downloading hence giving the viewer a preview of the entire image while the image downloads in the browser.
2. Transparent GIF- This format allows picking colours from the colour look up table of the GIF to be transparent. The shortcoming of this file is that it makes every pixel in the graphic that shares the particular colour transparent causing unwanted results. It works best with simple diagrammatic graphics.
3. Animated GIF- This format enables you to merge multiple GIF image into a single file to create animation. This format can not apply compression. The animation keeps on playing and cause distraction to the viewer or reader.


JPEG Files:

JPEG files known as Joint Photographic Experts Group minimize graphic file sizes and are true colour (24 bit) image format. This format works well for photographic images with gradients, blends and inconsistent colour variations.

JPEG is a lossy format i.e. it throws away bits which means with creation of each image some information is lost which invariably degrades the image quality. So it is advisable to save the original image before working on it.

Progressive JPEG is a newer form of JPEG file which is similar to Interlaced GIF file. The viewer will see a rough picture which will get refined as more and more bits of the image are received. This is good for displaying larger images.



PNG Files:

PNG (
pronounced as ping) files or Portable Network Graphics was developed by the graphic software developers association as an alternative to GIF files. This is a new format which is challenging the supremacy of JPEG and GIF image formats.

Unlike JPEG files PNG files do not loose bits while generating the images. PNG files can be made partially transparent which is essential to display good quality of graphics on the web. PNG files support colour depth of more than 24 bits making it a better choice then GIF formatting. This format can also hold short textual descriptions of the image which helps in search engines to index images based on their textual content.

The only shortcoming of PNG files is that they are not as widely supported by web browsers as JPEG and GIF file formats. Moreover, the present executions of PNG graphics in the major web browsers do not completely support all the features of PNG.

This article has been compiled by the content development team at Pegasus InfoCorp which pulls subject matter specialists from different work domains. They can be contacted through the Pegasus InfoCorp website at info@pegasusinfocorp.com. Pegasus InfoCorp is an India based web design, web development and online/offline software development company. Please visit http://www.pegasusinfocorp.com to read more articles and know more about us!

Other companies and organizations are welcome to reprint this article on their websites provided the following conditions are met.
The article is not changed in any manner
The article is copied as is in its entirety (including back links to the Pegasus InfoCorp website).
The company/ organization reprinting the article agrees to defend, indemnify and hold harmless Pegasus InfoCorp, its employees, directors, officers, agents, partners and their successors and assigns from and against any and all liabilities, damages, losses, costs and expenses, including attorney's fees, caused by or arising out of claims based upon the use of the article, including any claim of libel, defamation, violation of rights of privacy or publicity, loss of service by subscribers and infringement of intellectual property or other rights





internet-tutorials
3-options
web-developer
websitenoticed
streamline
ecommerce
disappointing-design
web-design-work
blending
website-copy
webmaster
html-code
templates
avoid-loss
web-designer
web-success
web-desasters
auction-listings
register-domain
Maintaining-your-company’s-website
checklist
Web-Graphics
How-search-engines-work
Using-RSS-To-Increase-Your-Pagerank
What-is-Phishing
Axis2-Session-Management
Check-your-links-regularly-to-prevent-link-rot
Great-Design-Elevates-Web-Sites-Above-The-Rest
A-Custom-404-Page
What-to-look-for-in-a-web-host
Maintaining-Session-State-With-ASP
Alternative-Web-Browsers-–-What-Are-The-Choices
Deep-Inside-Google-Pagerank
A-login-system-with-PHP-and-MySQL
Word-Clusters---Buying-Words-Can-Improve-Your-SEO-Rankings
Niche-Marketing
Must-You-Outsource-Software-Development-Here-Are-Some-Reasons-Why-You-Should
article_1345
Revealed-The-Ins-and-Outs-Of-Credit-Card-Processing
web_design_and_development
Search-Engine-Marketing
how-to-check-is-your-site-effective-or-not-0hy2872pr3
PDF-Files
discover-the-fortune-that-lies-hidden-in-content-that-search-engines-love
css-margin-properties
learn-to-create-an-online-form
css-border-properties
common-web-design-mistakes
css-padding-properties
web-design-tips-on-how-to-choose-a-web-designer-or-do-it-yourself
smartcss-softwar
graphic-designing-how-do-i-do-it
effective-seo-methods-for-ecommerce-site-development
the-continuing-development-of-css-as-a-web-standard
sron
dhtmlxml-is-transforming-the-internet
how-to-determine-the-right-prepaid-calling-card-for-you
make-your-own-custom-google-search-engine
top-six-content-management-systems
html-might-become-obsolete
how-to-start-a-make-money-blog-and-website
macromedia-dreamweaver-an-introduction
softxml-target-your-market-audience
learn-how-to-use-formmail
joomla-revolution-how-this-free-software-is-changing-the-web
finding-a-good-web-designer
web-development-company
search-engine-optimization-and-ranking
10-terrific-tips-for-web-design-beginners1
top-tips-for-getting-free-websites
website-design-is-defined-as-the-arrangement-and-creation-of-web-pages
what-is-javascript-used-for
search-engine-optimisation-for-joomla-websites
how-to-request-a-reciprocal-link
advantages-and-disadvantages-of-using-web-templates-or-wysiwyg-editors
increase-search-engine-rankings-using-these-easy-tricks
employment-through-internet
website-design-for-real-estate-avoid-these-costly-mistakes
how-to-integrate-online-database-with-your-website
the-critical-importance-of-your-website-s-headline
what-is-formmail-and-how-does-it-work
your-first-html-email-form
creating-your-first-html-form
using-search-engine-traffic-to-your-advantage
learn-to-create-a-web-form