Photographing autos for for sale on the web, using Photoshop Elements to optimize photos of cars for AutoTrader.com and other online sales sites... Design & Publishing Center,   Photoshop Tips & Tricks Department. . .

Photoshop Elements

Optimizing Images in Photoshop Elements

Before we go any further we want to generate a full size image for emailing or posting on a web site as the blow-up.
     
Flatten the image. (In the pull-down "arrow" menu in the layers palette.)
     
Once again, Image > Resize > Image Size, but this time go for about 7.5 inches wide. That will allow it to nearly fill the browser window, or print to an 8.5 x 11 sheet of paper. (I gave a little sharpening to mine before re-sizing, you might try it and see if you like it.)
     
Now comes the challenge of optimizing the shot. Currently it's 293K.
     
Our challenge is optimizing this image to minimize the file size of the image without sacrificing the quality. You can optimize an image based on a fixed file size, or enhance the quality of an image by choosing the best combination of settings for a particular file format.
     
Choose the Save for Web command from the File menu to preview optimization settings.
     
With a growing access to fast Ethernet or fast Internet access, I think we can safely get away with 50 or so K for this "show" page. We'll test the waters first.
     
If I use Element's pre-set of Jpg "Medium" for this image it computes a 30% level of quality, and a 22K file size and a 6 second download time at 28.8. For this larger image we'll be warning the user that it may take a few minutes, so we don't have to make it that small. Notice the degredation in the details of the right sample window. Not good. We can go as high as 50K.
     
In the second attempt I move the slider (on the right, click and hold the arrow next to the quality setting) until the setting is around 70%. Now our file size is around 53K so we're okay. We've tripled our download time, but then again the quality is very near the original. Good for our upsized version.
     
For most pictures, you'll find that a 70% quality JPEG creates the smaller, better-looking image.
     
So that's our 7.5 inch version. Now, use the cropping tool again and crop off the image #3 and use save to web again. This time we'll be down around 30K for the high res and 16K for the low res. 20K is acceptable for this image so we'll take it to that size and save the file for AutoTrader's built in file upload function.
     
Now, the next time you want to use these settings, if you'll hold down the Option key [PC: Alt] while in the Save for Web dialog, the OK and Cancel buttons will change to Remember and Reset. Click the Remember button and these settings will become the default sefting the next time you open the Save For Web window. Sweet.
 
Next we'll add a third image -- a shot of the car's interior -- to our upsized version so the viewer can get all three views of our car in a single, fast downloading image.
 
Return to the previous page or to the Index

  • Post your questions and tips to the Photoshop 911 hot line If we don't have the answer, we turn to the
  • Photoshop Bibliography in the Designers' Bookshelf and select books until we find the answers for you.
  • Sometimes answers are the composite of information from several of the books --- always edited and written to give you the fastest possible answer in the shortest possible number of words.
  • If you have a Photoshop related web site, or you know of a good Photoshop tutorial based web site, why not list it in the Photoshop 911 Search Engine soon to appear at Photoshop911.com
Back to the index

Contact us if:
You've got a tip or tutorial to share... if they're selected, you'll get a chance to select goodies from the Designers' Bookshelf!
Thank you for visiting
Photoshop Tips & Tricks department of the Design & Publishing Center   Don't forget: this is a reader-driven web site. We need your input and participation to continue bringing great content to Photoshop users everywhere at no charge. High content, low noise since 1990

DT&G ezine has been bringing quality design, typography and graphics help to desktop publishers, graphic designers, graphic artists and visual communications practitioners since it's debut on CompuServe and the Mug News Service (MNS) in 1989. The Design & Publishing Center was launched in 1994 and continues to be one of the few remaining web sites to deliver a 90% content to noise ratio -- featuring graphic design, photography, typography, illustration and imformation for designers, graphic artists, creative directors and anyone involved in desktop publishing, design, art, illustration or other visual communications fields.
      Copyright 1993 through 2003, ALL RIGHTS RESERVED. Although DT&G's Photoshop Tips & Tricks department was the first "tips & tricks" publication for Photoshop, it is not officially associated with Adobe Systems, Inc. Photoshop is a Registered Trademark for Adobe Systems, Inc., All Rights Reserved.
      Contact the design team for web page critique, makeover clinics, or website design, production and hosting. If you would like your web site reviewed by peers in the web publishing industry, just go to the Web Design & Review wing and visit the Web Site Reviews department where you'll find reader's web sites posted for review. There you'll also find our Web Site Review Submission form for submitting your site for review.
      The Design & Publishing Center is an affiliate of the Graphic Design Network, a wholly owned subsidiary of Showker Inc., trading as Graphic Arts & Design, a Virginia State Corporation since 1972. Affiliates of The Graphic Design Network also include . . . 60-Second Window (tm), the editorial column published online since 1989 with editorials covering computer and online related issues; The Publishers' Warehouse(tm), the freeware, shareware, and tryware department first launched in 1987 publishing a printed catalog of more than 200 disks of clip art, fonts and programs for designers; the News Serve Network(tm), where you can post your own news stories, press releases and information about your products or services -- syndicated across dozens of websites; the User Group Network and the User Group Academy. The Design Center is a proud sponsor of the Association of Apple Computer Users & Groups at www.aacug.org
Please come back again!