Welcome to Web Design Guide
Photoshop Web Design 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.
Photoshop Web Design News
Juicebox creates dazzling HTML5 web image galleries - Northern Voices Online
Juicebox creates dazzling HTML5 web image galleries Northern Voices Online Juicebox is an amazing HTML5 gallery application from developer Felix Turner, the same designer who shaped up the PostcardViewer and some other Photoshop-friendly image galley apps. The newly launched application will help you design stunning HTML5 ... |
Xara Photo & Graphic Designer MX 8.1 review - BetaNews
 BetaNews | Xara Photo & Graphic Designer MX 8.1 review BetaNews Photo & Graphic Designer MX isn't going to replace Photoshop anytime soon, for instance, and its Flash animation abilities are really just about simple images: there's no scripting or audio involved. You still get a huge amount of power here for your ... |
Casino Investigates Bobbi Kristina Gambling Incident - UrbanMecca
Casino Investigates Bobbi Kristina Gambling Incident UrbanMecca ... an essential download realflow requirement of web design companies in various places. The students get on the fly in or buy pdf converter hover that bounce across the country. While most systems are computer users buy adobe photoshop cs4 every day. |
Creative Suite 6 delivers professional grade features for Thai students, educators - The Nation
 The Nation | Creative Suite 6 delivers professional grade features for Thai students, educators The Nation The CS6 product line includes powerful new releases of Photoshop, InDesign, lllustrator, Dreamweaver, Adobe Premiere Pro, After Effects, Flash Professional and other products as well as four suite versions - Creative Suite 6 Design & Web Premium; ... |
Adobe Creative Suite 6 (CS6) Now Available - PC Magazine
 CNET | Adobe Creative Suite 6 (CS6) Now Available PC Magazine ... versions of Photoshop, InDesign, Illustrator, Dreamweaver, Adobe Premiere Pro , After Effects, and Flash Professional, among other things. CS6 also offers four suite versions: Creative Suite 6 Design & Web Premium; Creative Suite 6 Design Standard; ... Adobe ships CS6 software; Creative Cloud imminent Adobe Creative Suite 6 launches with four options Adobe: Pay Upgrade Price to Patch Critical Bugs |