ART 003 -- Images for the Web

Syllabus Assignments Help & Tutorials
Image Editing Webpage Editing Cameras, PSU Labs,
& Computer Store
Accounts,
Web Posting/Portal

RESIZING IMAGES FOR THE WEB

Images placed on the Web should never be larger than 7-8 inches in WIDTH (540-600 pixels)
with a RESOLUTION of 72 pixels per inch.

This would be an image that takes up most of the screen.
640 pixels is the MAXimum width for a Webpage, so I'd suggest you keep your images smaller, more like 560 pixels in width (7.7" width) for a large image.
Most cameras shoot images that are 72 pixel per inch REsolution and can be much lkarger in witdth than 7" such as 28" width.
This may create a file as large as 1MB, which is too large for the internet.

When you place images on a Webpage they should be sized correctly.
Do not import your original large images into your Webpages and assume that if you scale them down, they will be okay.

Use Photoshop or some other photo-editing software that may come with your camera, to resize the files size.
Remember, images hardly ever need to be larger than 7-8 inches in width (540-640 pixels)
with a resolution of 72 pixels per inch.

In addition, If you want a small image with text beside it, it is best to resize it in Photoshop or some photo editing programing, so that it may be something like 3" width, 72 pixels per inch in resolution.

Never try to make images bigger than they are, or scale them up.

TO RESIZE IMAGES
SPECIFICALLY YOU WANT TO FIND THE
IMAGE, SIZE OPTION:

scale down the actual pixels or inches it is in width,
while keepng the Resolution at 72 pixels per inch.
then SAVE AS: xxxxx.jpg, into your ART003 folder for the internet.


Listed below are specific instructions for specific image editing software.
Some people may have their own software which they can use.


ADOBE PHOTOSHOP / PHOTOSHOP ELEMENTS -- The Designers Choice, the most powerful
How to Resize and Save Images for the Web
in PHOTOSHOP

MACROMEDIA FIREWORKS -- a standard for Web Designers
How to Resize and Save Images for the Web in FIREWORKS

SERIF PHOTOPLUS -- free image editing software
How to Resize and Save Images for the Web in SERIF PHOTOPLUS

The programs below are available on campus computers:

MICROSOFT PHOTO EDITOR
part of MICROSOFT OFFICE TOOLS
open Microsoft Photo Editor
Under File, >Open your image
Under File, (or right click) >Properties
type 72 in the resolution box
Under Image >Resize
type in the width of your image
typical image width 7" (500 pixels)
do not make images larger than 9" (650 pixels)
------------------------------------------------------------------------
In a Pinch:
Paint (part of Windows)
Open the image in Paint.
Select Image, Stretch/Skew
Then you can enter percentages in Horizontal and Vertical, like 50% for each, or whatever.

Office Picture Manager (part of Office 2003).
Click on the picture.
Edit Pictures on the right.
Resize at the bottom.
Enter percentages, or pixels.