Webmaster Joint
Cozy Flash
Home Submit Pages
Gold Schlong Message Board Newsletter! AWG School Essential Tools Feedback/Report
Marlin Web Hosting Zip Content Top Bucks Ad Space Available Netbilling

Home     >>     Articles     >>     Optimizing Images with Photoshop and SmartSaver Pro

October 26, 2002 | by Danny of Webmaster Joint

   Optimizing Images with Photoshop and SmartSaver Pro

Are your images taking forever to load? Do you ever wonder how some sites manage to have crystal clear images yet still load fast? There are some tricks to getting the most out of your pictures while keeping the file sizes small, and this article will unveil the mystery.

Cozy Flash

Netbilling

Zip Content

Ad Space Available
Looking for a fast and affordable dedicated server hosting solution? Visit Marlin Web Hosting and get new special rates on bandwidth!

The single largest problem causing slow-loading web pages, particularly for users on standard modem connections, is large and/or numerous graphics. Unfortunately, surfers tend to be very impatient, and do not like to wait on slow pages. Besides risking the loss of a visitor who gets tired of waiting, you also risk losing a bookmark. Besides speed, optimized images are also crucial for conserving bandwidth. So in the long run, it is critical that you keep your images as optimized as possible.

There are several ways of achieving this. More accurately, I should say there are quite a few programs on the market that can achieve this. In this article, I’m going to cover just a couple that I use.

Adobe Photoshop (company site)
Ulead Smartsaver Pro (company site)

Adobe Photoshop

If you use Photoshop to edit your images, then this will obviously be the first and most convenient choice (though perhaps not the absolute best). Since the integration of ImageReady, Photoshop has had a great built-in image optimization tool.

To save a web-optimized version of an image, click on:

File > Save for Web...

This will bring up the image optimization options box...

This box contains a variety of options which may look confusing at first, but are actually very simple. I'll explain the variables that are most relevent here. The rest should be fine as they are.

In order to best optimize your image, play around a little with these options. Change a setting, and then look at the picture to make sure the quality hasn't been degraded. Choose settings that do not degrade your picture quality, and pay attention to the file size indicator in the bottom left of the optimization window to find the settings that render the smallest file size.

Note: This screen capture shows gif settings. If you choose JPEG, you will have a slightly different set of options. However, the process will remain unchanged.

Settings: This box will drop down a list of several preset options. More than likely, unless you have time to messa round, you will come to depend on this box, and will never mess with the other more specific tweaks. It contains several gif presets, and several jpeg presets. If your image has few colors, play around with the gif options until you get the smallest file size without quality degradation. If your picture is a photo, or contains a great deal of color and gradients, use one of the jpeg settings. If you are unsure, try both, and see which renders the smallest file size.

Colors: This setting applies only to GIF format. If you want to really optimize your gifs, try the various presets until you find the smallest file size without degradation. Then, begin lowering the number value in the "Colors:" field until you achieve the most optimal setting. By doing this, you are removing unused colors one at a time. Once you begin to dip into the important colors, you will begin to see some degradation. Move back up until the picture quality is back to normal, and your picture will be extremely well optimized.

Quality: This setting applies only to JPEG format. To the left, you will see a drop-down box with a variety of quality settings, ranging from LOW to MAXIMUM. Just as you did with the gif, find the setting that is smallest, but does not degrade picture quality. Then, just as you did with color reduction on the GIF menu, slowly lower the "Quality:" numeric value until you find the precise compression that minimizes your file size while retaining good picture quality.

If you are editing your images in ImageReady, the process is a little more streamlined. Simply choose:

File > Save Optimized As...

... and follow the simple instructions, using the same guidelines provided for Photoshop, above.

Marlin Web Hosting

Ulead SmartSaver Pro

Here is a program created specifically for optimizing images, and it does a great job! Not only that, but the process couldn't be more simple. The interface is well designed, and will have your page loading much faster (and eating less bandwidth!) with only a few minutes of work. Here are the steps involved:

1. Open your file.

2. Select the "Optimizer" tab:

3. Choose your image options, using the same guidelines you used in Photoshop. Play around with Jpeg and Gif formats until you've found the settings that reduce your file to the small possible byte-size without losing picture quality. If you're optimizing an animated gif, be sure to toggle to the "Preview" tab to get a good look at it before saving. There are also Slicing, Javascript, and Image Map tools available if you need them.

4. Save!

And there you have it! Your images should now be well optimized, and your pages should load much faster, using less bandwidth.

Danny (Editor of Webmaster Joint) has been in the adult Internet entertainment industry since 1997. Soon after beginning his first adult site, he became frustrated by the lack of educational sites for adult webmasters, and formed Adult Webmaster Gold. Since that time, he has been involved in a vast variety of services, including many types of adult websites, sponsorship programs, and many other webmaster programs. Feel free to Contact Him with any questions.

Please Let Us Know Your Opinion:
Post your comments/questions here


Marlin Web Hosting

Copyright © 1997-2005 Adult Webmaster Gold
Contact Us || Advertise || Link to Us || Privacy Policy || ICRA Rating


Motgage Calculators - Loan Payment Calculators | Refinance Mortgage - Home Equity Loans

SEO WEB HOSTING - MULTIPLE IP HOSTING - MULTIPLE DNS HOSTING

Merchant Services || Credit Card Machines || Merchant Accounts || Visa Mastercard Logos || Preconstruction Homes
|| ATM Services Company

Voyeur Web - Voyeur || Gay Men - Twinks | Land Loans | Construction Loans

Mobile ATM | Portable ATM | ATM Machines | ATM Franchise