As a starting point, let's say we want to size
the image so that most folks can see the whole thing
without scrolling around. The Web sees things in
terms of pixels, not inches. Most folks' monitors
will show an image 600 pixels tall by 800 pixels
wide without scrolling.
This means that if you are working with a vertical-format
image, it shouldn't have a Height dimension taller
than 600 pixels.
Likewise a horizontal (landscape) format image
shouldn't have a Width of more than 800 pixels.
The pixels/inch setting should always be set to
72 for Web work.
It's generally helpful to set the pixels/inch setting
first, and the dimensions second.
First set the resolution to 72 (making sure the
units are pixels/inch). Then, ensure the Constrain
Proportions box is checked-this will save you from
doing the math to keep your picture from getting
distorted). Now enter "600" in the Height
box.
Note also the file size, next to Pixel Dimensions
toward the top. It should say something like "400K
(Was 34.6MB)." If you mistakenly choose too
high a resolution, or choose a Height of 600 inches
instead of 600 pixels, you can give the computer
fits. Give all the parameters the once-over to be
sure they are doing what you want them to, and click
Okay.
Now your image is properly sized for Web use. To
double check, hold down Shift and CTRL and click
on the image. From the context menu, choose "Actual
Pixels." Alternatively, look at the title bar
of the image window, where the current magnification
factor will be shown after the filename.
If the magnification is anything but 100%, double-click
the magnifying glass tool to display the image at
100%. You are now seeing it at the size it will
render on a monitor running at the same resolution
you're running at now.
Now go to File and then Save
As - choose Jpeg as your
file type and set the compression to around 6.
Remember that when you work with the Image Size
window, you are changing the image file itself.
Once the resolution has been reduced, there is less
visual information packed into the file. That is
why it becomes smaller and more manageable for the
web. The magnifying glass tool, on the other hand,
does not actually affect the size of the file, it
just allows you to get a closer look at details
in your image.
Video Tutorial
|
