What is the Best File Format For Saving Images on the Web?

The best file format for saving images on the web all depends on the image itself. Depending on the image, it can be saved as a compressed gif, jpg, or png file. In this article, compressed format is used to reduce file size for uploading, downloading, and opening a web page. File size has everything to do with the speed of how fast a web page can open, including photographs or images.

Gif format

Gif stands for graphic interchange format. It is the standard format for compressing images with sharp detail and flat colors or few colors, such as logos, vector line drawings, types, and animation. Gif is a LZW-compressed format that helps to minimize the file size. It is commonly used to show index-color and images in Hypertext Markup Language (HTML) documents for the world wide web (WWW) and other services online. Gif supports transparency in indexed-color images but does not support alpha channels. The file size is very small compared to jpg or png.

JPEG format

Jpeg or jpg stands for joint Photographic Experts Group, is commonly used for saving photographs and other continuous-tone images in HTML documents over the WWW and other online services. It supports CMYK, RGB, and Grayscale color modes, and does not support alpha channels. The file size is much larger than the gif. Unlike GIF format, JPEG retains all color information in an RGB image. The jpeg is lossy, which means that the file is selectively compressed and data is discarded each time the file is saved again. A higher level of compression results in lower image quality and vise versa. It is advisable to back up the original file as a psd file in Photoshop to preserve the all layers and files being compressed.

PNG8 optimization options

PNG8 format compresses solid areas of color and preserves sharp detail like the Gif format. Both file format support 8bit color, so they can display up to 256 colors. Indexing is a process of determining which colors should be used so images in GIF and PNG8 formats are sometimes called indexed color images. Photoshop is able to build a color lookup table, which collects and indexes the colors in the image. The color is matched as closely to the image by choosing either the color, simulating, or using a combination of available colors to match the images.

Saving image files for the web requires compression to reduce file sizes. It is wise to back up the original files before editing the images. If Photoshop is used for editing, always save a copy or the original file as the default .psd to preserve separate layers and images from being compressed.

Anna W. is an Adobe Certified Expert in Photoshop CS3. She received her bachelor of arts in studio art from the Wheaton College, a master degree in art education from the Rhode Island School of Design. Her teaching experience include: CDIA, New Horizons, Newton Community Education, and free Photoshop CS3 lessons online. For more information, please visit: http://designersbookmark.com/

Article Source: http://EzineArticles.com/?expert=Anna_W
http://EzineArticles.com/?What-is-the-Best-File-Format-For-Saving-Images-on-the-Web?&id=1448718

More Web Site Design Articles:

Free Website Templates

Useful Links
Web Designer in Philippines
Web Design Resources


	Free Website Design Templates view actual page \| download view actual page \| download view actual page \| download What is the Best File Format For Saving Images on the Web? By Anna W The best file format for saving images on the web all depends on the image itself. Depending on the image, it can be saved as a compressed gif, jpg, or png file. In this article, compressed format is used to reduce file size for uploading, downloading, and opening a web page. File size has everything to do with the speed of how fast a web page can open, including photographs or images. Gif format Gif stands for graphic interchange format. It is the standard format for compressing images with sharp detail and flat colors or few colors, such as logos, vector line drawings, types, and animation. Gif is a LZW-compressed format that helps to minimize the file size. It is commonly used to show index-color and images in Hypertext Markup Language (HTML) documents for the world wide web (WWW) and other services online. Gif supports transparency in indexed-color images but does not support alpha channels. The file size is very small compared to jpg or png. JPEG format Jpeg or jpg stands for joint Photographic Experts Group, is commonly used for saving photographs and other continuous-tone images in HTML documents over the WWW and other online services. It supports CMYK, RGB, and Grayscale color modes, and does not support alpha channels. The file size is much larger than the gif. Unlike GIF format, JPEG retains all color information in an RGB image. The jpeg is lossy, which means that the file is selectively compressed and data is discarded each time the file is saved again. A higher level of compression results in lower image quality and vise versa. It is advisable to back up the original file as a psd file in Photoshop to preserve the all layers and files being compressed. PNG8 optimization options PNG8 format compresses solid areas of color and preserves sharp detail like the Gif format. Both file format support 8bit color, so they can display up to 256 colors. Indexing is a process of determining which colors should be used so images in GIF and PNG8 formats are sometimes called indexed color images. Photoshop is able to build a color lookup table, which collects and indexes the colors in the image. The color is matched as closely to the image by choosing either the color, simulating, or using a combination of available colors to match the images. Saving image files for the web requires compression to reduce file sizes. It is wise to back up the original files before editing the images. If Photoshop is used for editing, always save a copy or the original file as the default .psd to preserve separate layers and images from being compressed. Anna W. is an Adobe Certified Expert in Photoshop CS3. She received her bachelor of arts in studio art from the Wheaton College, a master degree in art education from the Rhode Island School of Design. Her teaching experience include: CDIA, New Horizons, Newton Community Education, and free Photoshop CS3 lessons online. For more information, please visit: http://designersbookmark.com/ Article Source: http://EzineArticles.com/?expert=Anna_W http://EzineArticles.com/?What-is-the-Best-File-Format-For-Saving-Images-on-the-Web?&id=1448718 More Web Site Design Articles: 8 Specific Ways to Avoid Common Web Design Mistakes Handy Hints For Web Designers How to Create a Website - The Basics Website Design Tips For Site Appearance Your Website Layout The Basic Skills Needed to Become a Web Designer - Simple Programs You Can Teach Yourself XHTML Equals to Browser Compatibility Information About Web Design Training You Can Have a Bright Career in Web Design Taking Your First Steps Toward Creating a Personal Website Inspiring Designs For Your Website How to Design a Successful Website - A Practical Guide! Choose Colors While Designing Web Pages Remarkable Tips For Freelance Web 2 Graphic Design Templates Dreamweaver Vs FrontPage Review What is the Best File Format For Saving Images on the Web? Barack Obama's Website is Web 2.0 at Its Best Role of Site Structure in Web Designing and Traffic Modern Web Design Techniques 7 Must Know Rules For Website Designers Web Designing For Your Home Page Eight Tips to Enhance Online Profits Website Design the Latest Trends What Do All These Graphics File Extensions Mean? The Psychology of Colour in Web Design How to Create a Successful Web Page Layout Website Templates - Build Your Own Website Benefits of Using a Website Template Website Designing – Things To Keep In Mind A Website Checklist 8 Must Have Graphic Design Skills in Today's Market Freelance Web Designer - Why You Should Use One! The Importance Of Getting The Best Web Design Team Involved In The Project Finding and Using a Free Web Site Template 7 Tips for Improving Your Website Design How To Think Like A Web Designer Planning An Effective Web Site Design Web Site Design: Setting the Wrong Backgrounds and Reducing Readability The Best Home Pages Establish Identity and Purpose in a User-Friendly Interface Website Creation Checklist Considering A WebSite Or Unhappy With The One You Have? Don't Trust This Kind Of Web Designer Web Design-Impact Beyond Measure User-Friendly Web Design The Powerfully Attractive Webpage Template No More Font Tags! Seven Reasons to Hire a CSS Web Designer Why Should One Use Web Templates Dreamweaver Tip - Build Better Websites Faster with Templates Some Of The Crucial Components Your Web Site Needs To Be Customer Friendly Benefits of Web Site Templates Advantages of Having a Website How Do You Choose a Web Designer? Website Templates - Who Benefits? Build Websites Easier with Premade Templates The Newbie's Guide to Small Business Web Design Pages to Include in Your Website Do You Really Own Your Web Site? Maybe Not Designing Your Website's Directory Structure 7 Web Site Design Mistakes That Will Lose You Clients Optimal Website Design Becoming A Website Designer How to Design a Search Engine Friendly Website 6 Reasons Why Using Flash is a BIG Mistake
Free Website Templates Web Design Articles Math Calculators Java Programs Site map Contact Us Useful Links Web Designer in Philippines Web Design Resources