for the Web and Presentations
with Adobe Image Ready and
also useful for email, PowerPoint, inserting in Word documents
begin, you will need to open an image that you have created
or scanned. This image does not have to be a Photoshop image.
an image in Adobe ImageReady or Photoshop.
- If you
cannot find ImageReady, it is usually in the Photoshop Folder.
It ships with Photoshop
Give it a New Name. This is not necessary once you are experienced.
to FILE, down to SAVE AS
it as a .psd (leave the suffix in the title: bark.psd)
your image a nice easy SHORT name, without fancy
symbols and NO slashes (/)
sure to save it in the right folder. Make a new folder
if you need to.
Resize your image so that it fits easily on your presentation
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
- 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
pixels wide is large for PowerPoint
659 pixels high is large for PowerPoint.
IMAGE, find Image Size
Be sure that the following are clicked on:
Resample Image (Bicubic)
- Set one
of the measurements to "percent" (under pixels)
the degree of change
may need to modify the Surface of the Image - follow instructions
below if it looks blurry after resizing
(over 200%, under 50% size change)
FILE, go Down to SAVE.
- Get in
the Habit of SAVING as you go along
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.
now see your image in a format that is acceptable for
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.
you do in this window will not affect the original image.
You are automatically working on a copy.
In the OPTIMIZE window, begin by Selecting GIF
Choose GIF for format
WEB for colors
with NO DITHER
Reduce and Change THE COLORS
as few colors as possible while maintaining an interesting
may use the little hand to pull colors out one by one
into the little trash
you click on a color, you may edit it. Choose the HTML
Color editor while in GIF.
with NO DITHER. Or dither, and then choose the amount
If FULL COLOR is important, you may use JPEG compression.
Quality is always lost when saving as a jpeg
amount of loss is on a scale from 0% - 100%
the image to make sure that the loss in detail is acceptable
the amount of compression according to Purpose and Quality
PowerPoint and other applications where file size is
not important, use Maximum.
At 100% the image loss will barely be discernable.
more compression for the web. Viewers are impatient!
resave a jpeg (never jpeg a jpeg). Ever time it is saved
the image is resampled, recompressed, and quality goes
jpeg your original scan. The lost quality will always
be with you.
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.
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.
Original PSD version will not be touched.
A normal "Save" saves a psd version
A psd cannot be loaded on the web
Photoshop asks you to SAVE (as you quit) DO NOT SAVE.
You have already prepared your image for the web and Saved