How do I optimize pictures for use on the net?
Let's assume you have a scanner and a computer with some version of MS FrontPage.
You are busy building your web page empire, scanning pictures into your favorite
page. So you scan ('acquire') your picture and insert it into your page and
publish it to the world. Then some know-it-all ('me') emails you back saying,
"Thanks for the photos, but why did they take that page 15 minutes to
download to my computer?". The problem may be in optimization of your
graphics. You can resize images on your page, but this has no impact on the
original size of the picture. Say you have 5 photos scanned at 200K each. The
optimized versions are often around 20K or less. So instead of a 1M download,
the page can be done in 100K or less.
Resize vs Resample: Resizing a graphic changes the HTML tags that tell
a Web browser how to display the graphic; but the actual graphic file
size is not changed. For example, you want to reduce the download time for a
page with a large picture. If you only resize the picture, it will be displayed
in a smaller area on a site visitor's screen, but its file size and the download
time are unchanged. To decrease the file size of a picture and its download
time, you need to resample the picture after resizing it.
How to do it: In Page view, right-click the graphic, click Picture
Properties on the shortcut menu, and then click the Appearance tab. Select the
Specify size check box. If you want to preserve the height-to-width proportions,
select the Keep aspect ratio check box. If you select this check box and then
enter a pixel value in either the Width or Height box, Microsoft FrontPage
automatically changes the value in the other box to preserve the graphic's
proportions. Specify whether you want to change the size in pixels or
percentage, and then enter values in the Width and Height boxes. Tip You can
also resize the graphic directly. Click the graphic, and then resize it by
clicking and dragging the handles on the graphic. To resize the graphic and
preserve its proportions (its aspect ratio), drag a corner handle. When you drag
a side handle, the graphic will be distorted.
| |
|
