Welcome to Web Design Guide
Web Design School Article
. For a permanent link to this article, or to bookmark it for further reading, click here.
14. Web Designing and Image Formats
from:Images would form an integral part of any web-design. And knowing the image formats would help you. Many people save pictures in Windows' default BMP (bitmap) format, but the files it creates are simply much too large to put on a website – they'd take about a minute for visitors to download and use up all your bandwidth in the process. So what are the other options or image format types available? Remember, when you upload pictures on the web, you must consider the trade-off between image quality and speed: the smaller the file, the faster its going to upload but it might not look that great.
GIF- GIF stands for Graphics Interchange Format, and was the first image format used on the web. It was invented by CompuServe in 1987, updated in 1989. IF has certain limitations-Images stored in GIF format can only use a maximum of 256 colors, which makes things like photographs and logos look unattractive. GIF’s are popular mainly because it is the first image format to be used and produces very small files (in KBs). Also note that this is the only image format that allows you to create small animations.
JPEG- JPEG was designed by the Joint Photographic Experts Group, which gives it the name. It was designed as a format suitable for storing high-quality photographs at low file sizes – file sizes small enough to put on the web. Today, the format is supported in almost all web browsers. The most important feature of JPEG is the lossy compression. The word 'lossy' means that data is lost from the picture when it is saved at smaller file sizes. Image-editing softwares would allow you to choose how much compression you want, from none (highest quality, large file size) to 100% (very small files, poor quality). If you do use JPEG for your website, then I would recommended that you turn compression off altogether, or use a maximum of about 25%.
PNG- PNG stands for Portable Network Graphics, and is the latest web image format in widespread use. It was designed as a replacement for the outdated GIF format, allowing files to use millions of colours instead of only 256. PNG files have smaller file sizes than GIFs, although they are often larger than JPEGs, since PNG compression is lossless (never loses any image quality).
Image format conversion- I would suggest that you use either JPEG format (for photos) or PNG format (for less complicated graphics). A good image editor should be able to convert from any format to the other easily. In Paint Shop Pro, for example, you simply open your images and save them again using whatever format you want – you can even run the 'Batch Converter', which will convert a whole folder full of files all at once. If you don't have an image editing program, there are plenty of free image converters that will convert the image formats for you.
Web Design School News
Baldwin High School in Kansas Wins Second Real World Design Challenge (RWDC) National Aviation Design Competition ...
Mentor Graphics Corporation today announced that its FloEFD™ computational fluid dynamics software product was used by all state finalists in the Fourth Annual Real World Design Challenge , a national aviation design competition that was held on April 21, 2012 in Washington, D.C.
Read more...Hendrix College Website Leverages Ektron for 'Responsive Web Design' Results
NASHUA, N.H., May 21, 2012 /PRNewswire/ -- Ektron , the company that empowers organizations to fully realize their websites' marketing and revenue-generating potential, today announced that customer Hendrix ...
Read more...Oxford High School’s Web Site Design Team Places 7th in the Nation
Oxford’s Business Professionals of America chapter sealed a top10 spot at the BPA 2012 National Leadership Conference, “Reach New Heights,” in Chicago, April 25-29.
Read more...SF Bay Area Branding and Web Design Firm, Project6 Design, Features Case Study For Cal Maritime’s Award-Winning Website
After extensive strategy and web design and development work, San Francisco Bay Area branding and web design firm, Project6 Design, is proud to feature a case study around the launch of the website the created for The California Maritime Academy. This project won both a W3 and Davey Award for its compelling web design and complicated web development work.Berkeley, CA (PRWEB) April 30, 2012 San ...
Read more...Lemont student’s web design hobby delivers state title
Last year, Charmaine Balisalisa took one look at the Lemont High School’s newspaper, “Tom-Tom,” and knew she wanted to add her personal designing pizzazz to improve its look.
Read more...