Site INDEX




Useful Digital Skills for Artists

Imaging Skills

Print& Scan

Web Skills

 



Cynthia Beth Rubin

Saving for the Web and Presentations
with Adobe Image Ready
and Adobe Photoshop

also useful for email, PowerPoint, inserting in Word documents

 

1. To begin, you will need to open an image that you have created or scanned. This image does not have to be a Photoshop image.

  • Open an image in Adobe ImageReady or Photoshop.
  • If you cannot find ImageReady, it is usually in the Photoshop Folder. It ships with Photoshop
  • Immediately Give it a New Name. This is not necessary once you are experienced.
    • Go to FILE, down to SAVE AS
    • Save it as a .psd (leave the suffix in the title: bark.psd)
    • Give your image a nice easy SHORT name, without fancy symbols and NO slashes (/)
    • Be sure to save it in the right folder. Make a new folder if you need to.


2. Resize your image so that it fits easily on your presentation page.

Web pages and PowerPoint presentations are related to pixel dimensions, not inches.

  • A web page is usually planned for 800 x 600 pixels.
    A PowerPoint presentation is usually planned for 1024 x 768 pixels.
  • 400 pixels wide is large on the web! (it is about half the screen).
    300 pixels high is large on the web! ((remember that browsers have menus)
  • 900 pixels wide is large for PowerPoint
    659 pixels high is large for PowerPoint.
  • Under IMAGE, find Image Size
    Be sure that the following are clicked on:
    • Resample Image (Bicubic)
    • Constrain Proportions

  • Set one of the measurements to "percent" (under pixels)
    • check the degree of change
  • You may need to modify the Surface of the Image - follow instructions below if it looks blurry after resizing
    (over 200%, under 50% size change)

SAVE

  • Under FILE, go Down to SAVE.

  • Get in the Habit of SAVING as you go along

2a. If you are using ImageReady, at the top of your image window, click on OPTIMIZED.

2b. If you are using Photoshop, under FILE, go down to Save for the Web.
  • You now see your image in a format that is acceptable for the WEB

  • You have several choices on how to make your image work for the web:
    2-Up and 4-UP will show you some of these variations.
  • Whatever you do in this window will not affect the original image. You are automatically working on a copy.


3. In the OPTIMIZE window, begin by Selecting GIF

  • Choose GIF for format
  • Choose WEB for colors
  • Begin with NO DITHER

4. Reduce and Change THE COLORS

  • Use as few colors as possible while maintaining an interesting image.
  • You may use the little hand to pull colors out one by one into the little trash
  • If you click on a color, you may edit it. Choose the HTML Color editor while in GIF.
  • Begin with NO DITHER. Or dither, and then choose the amount by percentage.

 

5. If FULL COLOR is important, you may use JPEG compression.

  • Quality is always lost when saving as a jpeg
  • the amount of loss is on a scale from 0% - 100%
  • check the image to make sure that the loss in detail is acceptable

Choose the amount of compression according to Purpose and Quality

  • For PowerPoint and other applications where file size is not important, use Maximum.

    At 100% the image loss will barely be discernable.
  • Use more compression for the web. Viewers are impatient!
  • Never resave a jpeg (never jpeg a jpeg). Ever time it is saved the image is resampled, recompressed, and quality goes down.
  • Never jpeg your original scan. The lost quality will always be with you.

 

 

 

6. SAVE OPTIMIZED

  • ImageReady:
    When you go to "Save Optimized" under file, you will automatically have an image that can be loaded on the web, emailed, or used in a variery of applications. Of course you must first choose the optimization in Image Ready, or it will save with the same optimization as the last use of that copy of the software.
  • Photoshop:
    Once you are in the "Save for the Web" dialogue box (under file), you will automatically be working on an image that can be loaded on the web, emailed, or used in a variery of applications. Just choose SAVE here.
  • The Original PSD version will not be touched.
    A normal "Save" saves a psd version
    A psd cannot be loaded on the web


  • When Photoshop asks you to SAVE (as you quit) DO NOT SAVE.
    You have already prepared your image for the web and Saved it!

Descriptions on the Image Formats are Here