Home >> Digital Printing Articles >> Digital Printing - Archive 1 >> How To Optimize Website Graphics And Photos
 
How to Optimize Website Graphics and Photos?
by Maricon Williams


Eight seconds – that’s how long a visitor on a website can change his mind and click to another site if he is not contented by your navigation. The cause of this may be your gigantic and pompous graphics and photos. To keep visitors from turning their backs away from your site, here are some viable remedies. Resize the size of your graphics and photos, reduce its colors and save them in a compressed file format.

In resizing your image or graphic, you can use image-editing program to exact the size that you want to use for your website. To do this, do not forget to include the height and width attributes of the image because these attributes will tell the browser what size the image should be thus, a quicker page load will occur.

To reduce the size of your image, it is indispensable to eliminate unnecessary colors. A graphics saved with three colors is going to occupy a lot of space compared to a graphics with 200 colors. Thus, more color means bigger size.

Color banding will result when colors are already reduced. This means that the areas where colors are eliminated will be filled with solid bands of color. Dithering can be utilized to help reduce color banding. Though, expect that your file size will increase slightly nonetheless, it will help achieve quality colors as well as graphics. This is a bit tricky to the eyes since it creates an illusion of more colors in your image.

The last step is to save your image in the compresses file format. You can utilize GIF or JPEG.

GIF is short for Graphic Interchange Format is a loss-less compression. Here, when image file are compressed, data are not lost. Nevertheless, available colors for this technique are approximately 256. This is most commonly used in sketches, drawings, small icons and less colorful graphics. When using GIF, you must determine the quality of the image you can risk in order to transform it in a smaller size. In this technique you can set a transparent background especially in cases where you wan to place an image on a gradient or patterned background.

Another technique is the JPEG short of Joint Photographic Experts Group. It is saved in a 24-bit format and can be used for millions of colors. This technique is a loose compression. To avoid losing some data, save the original image in a lossless format so that you can easily grab it for editing purposes. You can use the Cache feature on the hard drive so that it can be readily available when you need it.

Now you have a more accessible site! Expect a greater number of visitors.
 


  • Login
  • Order Status
  • Proofs
  • Cart
Toll Free (888)888-4211 Click for Live Chat
  • Home
  • Products
  • Ordering
  • Free Samples
  • Eco-Friendly
  • Custom Jobs
  • About Us
  • Contact
  • Trade Program
  • Help
Let us check your files and prepare free proofs!
Learn More
Browse our Products
View All
Popular Products

Cant find what you need?
Free Sample Kit
Get our paper sample booklet mailed to you!
Request a Kit
Get Discounts via Email
Zero Spam Policy
Top Reasons to order from DigitalRoom.com
  • 1) Prepress checks your files and prepares free proofs, before you pay!
  • 2) Custom Sizes at affordable gang pricing. Same fast turnaround.
Shop with Confidence
HACKER SAFE certified sites prevent over 99.9% of hacker crime.
Custom Size Offset Prints
U-Page: High quality, affordable custom size gang printing.
Get Instant Pricing
Large Format Prints
Posters, banners, canvas and clings up to 60"x100". No Minimum!
Free Shipping and 1-Day Turnaround
Free Paper Samples
True business quality.See our stock selection and print quality.
Get Free Sample Kit
Get Deals and Marketing Tips
  • Offers & Promos (2x a month)
  • Direct Marketing Newsletter (monthly)
Trust
BBB Membership

Secure Checkout

Privacy Policy

Terms of Services
Services
U-Design Service

Mailing Services

List Services
Company Info
About Us

Contact Info

Trade Program

Site Map

© 2002-2008 Digital Room. All rights reserved.