Welcome to Web Design Guide
Web Design Graphics 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 Graphics News
Xara Photo & Graphic Designer MX 8.1 review - BetaNews
 BetaNews | Xara Photo & Graphic Designer MX 8.1 review BetaNews Xara's philosophy is a little different, though: their new Photo & Graphic Designer MX 8.1 can handle photo editing, illustration, vector drawing, DTP, web graphics, even simple Flash animation, and all in a single $89 application. |
Baldwin High School in Kansas Wins Second Real World Design Challenge (RWDC ... - MarketWatch (press release)
Baldwin High School in Kansas Wins Second Real World Design Challenge (RWDC ... MarketWatch (press release) WILSONVILLE, Ore., May 23, 2012 (BUSINESS WIRE) -- Mentor Graphics Corporation (NASDAQ:MENT) today announced that its FloEFD(TM) computational fluid dynamics (CFD) software product was used by all state finalists in the Fourth Annual Real World Design ... MENTOR GRAPHICS CORP : Baldwin High School in Kansas Wins Second Real World ... |
GLOBALFOUNDRIES Improves IC Reliability with Customized Circuit Checks Using ... - SYS-CON Media (press release)
GLOBALFOUNDRIES Improves IC Reliability with Customized Circuit Checks Using ... SYS-CON Media (press release) By Business Wire Mentor Graphics Corp. (NASDAQ: MENT) today announced that GLOBALFOUNDRIES is helping its customers improve reliability checking by adding Calibre® PERC to select 28nm bulk CMOS design enablement flows. Calibre PERC will give designers ... |
Position open: Web, graphic design/desktop publisher - Foster's Daily Democrat
Position open: Web, graphic design/desktop publisher Foster's Daily Democrat The following is the job description for an open position at Foster's Daily Democrat for a web and graphic designer who would also help with desktop publishing. A graphic designer designs images for such uses as; logos, graphics, print advertising, ... |
Bizideo Simplifies Multimedia Website Building for Video Professionals with ... - MarketWatch (press release)
Bizideo Simplifies Multimedia Website Building for Video Professionals with ... MarketWatch (press release) MINNEAPOLIS, May 22, 2012 (BUSINESS WIRE) -- Recognizing that video professionals need a simple, cost-effective way to build, customize and manage video-rich websites without developer assistance, Bizideo, The Video Website Company, introduces design ... |