ART 003 -- Images for the Web -- Summer 2004

Syllabus Assignments Contacts Image File Size Help & Tutorials

 

RESIZING IMAGES FOR THE WEB

Images placed on the Web should never be larger 400 KB
Images placed on the Web should never be larger than 7-9 inches (540-640 pixels)
with a resolution of 72 pixels.
(this would be an image that takes up most of the screen)
Most cameras shoot images that are 28", 72 pixels.
This may create a file as large as 1MB, which is too large for the internet.
You can resize the file for the inernet and it will not look any different on a computer screen.!
It will look better if you are printing the files to printthe larger version. But this class is not about printing but posting on the internet.
It is always best to save 2 files, one orginial large file that you keep in your ART003 folder and another that is resized for the internet that you keep in your ART003 folder.

RESIZE images BEFORE you place them into your pages.
Ideally, when you place an image on a Webpage it should already 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.

SERIF PHOTOPLUS -- free image editing software
How to Resize and Save Images for the Web in SERIF PHOTOPLUS
ADOBE PHOTOSHOP / PHOTOSHOP ELEMENTS -- The Designers Choice, the most powerfulHow 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

The programs below are available on campus computers:

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.

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-9 inches (540-640 pixels)
with a resolution of 72 pixels.
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", 72 dots.
This means, ideally, when you place an image into a Webpage, it is already sized correctly so that you do not need to scale it down in the Webpage program.
Obviously, you do not want to make images bigger than they are, or scale them up.
Meaning, if an image is 72 dots, you can not successfully make the image bigger without losing quality.
If your image is 16", 72 dots
you can make it smaller, such as 6", 72 dots
but not 26", 72 dots.
If you place an image into your Webpage that you have saved at 4", 72 dots
and you decide to make it larger,
you do not want to scale or stretch it to make it larger,
but, do go back to your original (largest image) image
and see if you can save a larger version such as 6", by 72.

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.