Login | Register   
Twitter
RSS Feed
Download our iPhone app
TODAY'S HEADLINES  |   ARTICLE ARCHIVE  |   FORUMS  |   TIP BANK
Browse DevX
Sign up for e-mail newsletters from DevX


advertisement
 

Optimizing the Graphics File : Page 4

Finding the right graphic is just the first step in putting graphics into your Web site. Once you've created or found the graphic, you need to prepare it for online use, structuring it to display quickly at the maximum quality. Optimizing the File shows you how to make the balance between file size and quality level.


advertisement
Use the Real Size

Save your graphic at the size you are using it within your Web page.

Alway make the image in your Web graphic file be the size that you plan to use it at within the page. If you'll be using it at several different sizes, make several different files each at a different image size.

You can resize an image using the image tag's width and height attributes, but in most cases all that will do is add overhead to the time it takes the page to display:

Original size is:
252 x 144 pixels
IMG attributes are:
width="252" height="144"
File size is: 10.1K
Loads and immediately displays
Original size is:
252 x 144 pixels
IMG attributes are:
width="121" height="69"
File size is: 10.1K
Loads, then client computer spends time resizing before display
Original size is:
121 x 69 pixels
IMG attributes are:
width="121" height="69"
File size is: 3.3K Loads and immediately displays


Comment and Contribute

 

 

 

 

 


(Maximum characters: 1200). You have 1200 characters left.

 

 

Sitemap