|
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!
|
|