The Skinny on Save for Web

with 9 Comments

The Skinny on Save for Web
by Jen White

Save for Web—here’s the why and how of it all.

 

What Is Save for Web?

In Photoshop Elements and Adobe Photoshop, Save for Web perfectly prepares an image for online sharing—images such as photos, cards, and scrapbook layouts.

Why Use Save for Web?

  • We want to see your images online and so do your friends and family.
  • Everyone enjoys the warm fuzzies that come from online gallery comments. Yep, I do too!
  • Online scrapbook galleries generally have size limits. You cannot upload a high quality JPG.
  • Using Save For Web is the most efficient way to get your images ready for online posting without a risk of screwing up the document’s styles, filters, and effects.

How To Use Save for Web

  • Save for Web can be found in the File Menu.
    • PS & PSE: File > Save for Web
    • PSCC: File > Export > Save for Web.
  • The shortcut is Shift Ctrl Alt S (Mac: Shift Cmd Opt S). Memorizing this will help to simplify the task even more.
  • In the Save for Web dialog box, first set the File Format to JPEG.
    Note: JPG is the same thing as JPEG.
  • Next, set the longest side (Image Size) of the image to 700px.
  • Finally, lower the image Quality without sacrificing details. The Kbs must be under 300, but you can typically go much lower than this.
  • Click Save.

Note: If you find that Save for Web is taking WAY too long to process, try flattening a duplicate copy of your image and then saving for web.

Too Many Settings!

Have you heard the expression, “Ignorance is bliss?” Well, that applies to all the other (other than what I mentioned above) Save for Web settings. Just ignore them. 

Use Our Save for Web Actions

You may be wondering, “Can you just do it for me?” Well, the answer is YES, we can. Here are some resources you might be interested in.

There you go. Follow these instructions and you’ll be all set for online sharing.
More questions about Save for Web? Search or ask
in our forums.

_____________________________________________

jenwhite-48x48Author: Jen White | Contact Us
All comments are moderated.
Please allow time for your comment to appear.

9 Responses

  1. Joyce
    | Reply

    I thought that most galleries required a 600×600 size? Wont’ this action create an image that is too large? Thanks!

    • Jen White
      | Reply

      Hi Joyce. Great question. The action comes with 3 different size choices. 600px is one of them.

  2. Julie
    | Reply

    I use the resize action just about every day! It’s awesome – quick and easy!

  3. Donna Knighten
    | Reply

    I notice the “Optimized” box is checked. I have always checked the “Progressive” box. Can you explain the difference of which is better. Thanks.

    • Jen White
      | Reply

      Hi Donna. Great question. The short answer is:
      Progressive jpegs download in multiple passes and are good for slow connections. Optimized jpegs are smaller and thus faster to finish downloading.
      Hope this helps.

  4. ginny
    | Reply

    Thanks for the resize – I took that class but either don’t remember the download or I lost it!!!!

  5. sheila king
    | Reply

    The resize for gallery is the one action I use almost daily, I remember it came with a class though can’t remember which one — maybe Fix Photos Fast? Anything I can do which requires less thought is a good thing:))

  6. Renee Diprose
    | Reply

    Thanks Jen – I learned this from Linda a long time ago and it is simply the best and easiest way to Save for the Web. Thank you for the clear explanation and link to the Action. (as I never reinstalled mine when I had to change computers last year).

  7. Joan Robillard
    | Reply

    I learned a long time ago this method of saving our pages to post but when I got the Resize for the Gallery it was like a Christmas gift because I knew I wasn’t forgetting any steps.

Leave a Reply