Reducing the file size of a JPG

The most common problem with photos used on web sites is the file size of the photo. The larger the file size the longer the photo takes to load on the screen for the visitor. If you have several photos on a single page that are all large in file size, the visitor will often leave before all the pictures are loaded.

The photo used in the tutorial for cropping was originally 170 kb and after working with the photo the final size was only 25kb. That means that you could load 6 photos with a file size of 25kb each, that would take the same amount of time to load as a single file sized at 170kb.



Step 1

A photograph is always saved in the JPG format for use on your web site. If you save using the gif format you are limited to 256 colors whereas the JPG format allows 16.7 million colors. In JPG you will also have more clarity, smaller file size and a high quality photo.

As soon as you have finished working with your photo you can save a copy in Paint Shop Pro using a PSP extension. This allows you to work with the file again without losing any of the quality of the work done at this point. When trying different compression methods you may not be happy with the results and can go back to using the photo saved as a PSP without any loss.

After creating a copy of your photo, go to the File menu and select SaveAs.



Step 2

After selecting the SaveAs option a screen will open that gives you options as to where and how you want to save the file.

In the top box there is a box called Save In, that is where you want to select the folder where you want to save the file.

Under File name type a name that will help you later identify the subject of the photo.

In the drop down box called Save as type, you have a choice which format you will use to save the file. Select the JPG option.

You will also see an Options button for additional selections on how you want to save this photo. Click on the Options button.



Step 3

Encoding controls how the photo appears when downloading. Standard encoding makes the image display from top to bottom when viewing on the Internet. Progressive encoding allows the viewer to see a fuzzy ghost like photo as it downloads. The file gradually sharpens as the image loads.

Compression is where you are able to control the file size of you photo. In Paint Shop Pro your numbers range from the smallest (1) to be the least amount of compression and 99 as the greatest amount of compression. You will have to try different levels to see which work best with your program and photo. I find that the range between 15 - 30 give me the best quality photo at a reasonable file size.

After you are finished setting your compressing click your mouse on OK. That will take you back to the SaveAs screen where you simply select the Save button.

The ability to compress a file is a feature the average person does not realize is available to them. Use it to your advantage:^)


Graphic Design

Paint Shop Pro Tutorials ~~ Tubes ~~ Photo Effects using Java Applets
More Special Effects with Photos ~ ~Sandy's Grapic Art Gallery, Including Tutorial Links
PSP Graphic Sites Links ~~ Web Rings ~~ Sign Guest Book ~~ Read Guest Book
Cartooning with Vector Graphics ~~ E-mail ~~ Graphic Home

Web Design

About PNW ~~ Portfolio ~~ What is a Web Site ~~ Working Together
Request Information ~~ Web Site Tips & Tricks ~~ E-mail ~~ Web Design Home



Copyright © 1995-2002, by Sandy Stillwell
Web Design & Graphics by
PNW Web Design