Use FrontPage 2000 to "Lose weight" on the image

FrontPage first I want to talk about how the graphics will have some impact on the site, this is very important.

When you add graphics, such as pictures, animations, and videos to your site, the footprint of your home page increases rapidly. If your Internet service provider restricts the size of your home page, the size, quality, type, and quantity of graphics are important considerations. Therefore, Web page makers must learn how to make picture files smaller:

To make large pictures smaller, you can first use both sizing and resampling methods.

Resize graphics by changing the height and width properties of graphics, such as pictures, animated GIFs, and video. Although resizing the graphic changes the HTML tag (used to tell the Web browser how to display the graphic), the actual file does not change. For example, you can reduce the download time for pages that contain large pictures. If you only resize the picture, it will display a smaller area on the site visitor's screen, but its file size and download time will not change.

It's easy to resize a graphic, right-click the graphic, click Picture Properties on the shortcut menu, and then click the Appearance tab (Figure 1). Select the Specify size check box to specify whether you want to change the size (pixel value or percentage), and then enter a number in the Width and Height boxes.



If you want to maintain a ratio of height to width, select the Keep aspect ratio check box. If you select this check box and then enter a pixel value in the Width or height box, FrontPage 2000 automatically changes the values in the other boxes to keep the graph proportional.

Resize the graphic directly. Click the graphic, and then click and drag the handle on the graphic to resize it. To resize the graphic and maintain its proportions (aspect ratio), drag the corner handle. Note: When you drag a side handle, the shape will deform.

Resizing a picture only changes how the picture is displayed in the site visitor's Web browser. Therefore, if you only resize a large picture to a smaller size, the picture file size is still large. To reduce the file size and download time of a picture, you must resample the picture after resizing it. Resampling a picture changes its pixel size to match the size of its current display. For example, if you resize the picture to 50% of its original size, the picture will become smaller on the page, but the file size is unchanged-resizing the picture can only change the HTML markup to tell the Web browser how to display the picture. However, when you resample the picture, the file's urine is reduced to match the smaller size.

Resampling is just as easy, in Web Page view, click a picture that has been resized. On the Picture toolbar, click Resample (Figure 2).

In addition, converting a picture to a JPEG format and lowering the quality settings will increase the compression rate of the picture file and greatly reduce the file size.



Converts a picture to a JPEG format. In Web Page view, right-click the picture, and then click Picture Properties on the shortcut menu.

In the general (Figure 3) tab, do one of the following: You can click JPEG. You can also specify the quality of a JPEG picture by entering a value from 1 to 100 in the quality box. The larger the number, the smaller the compression rate of the file, and the larger the file. In the incremental change box, you can specify how many times the Web browser resolves a picture when it downloads it. Click OK when Setup is complete.

Note that some Web browsers do not support incremental changes.

Graphics often take a long time to download, especially for site visitors who use slow internet connections. The following approach makes it easier for site visitors to download pages with graphics: quickly downloading graphics pages. Create a thumbnail image. Thumbnails can be downloaded quickly, and by looking at thumbnails, site visitors can decide whether to download the full size version of the picture. Using the Auto thumbnail feature, you can create thumbnails automatically, and thumbnails have hyperlinks to the original pictures (specific ways to create thumbnails this newspaper has made a detailed introduction).

In addition, you can also display a low-resolution version of the graphic when you download the last version of the site visitor's Web browser.

Of course, first you must create a low-resolution version of the picture. Open the picture in the drawing program and reduce the color depth (number of colors) in the picture. The less color you specify for a low-resolution version of a picture, the faster it will appear in your Web browser. Because low-resolution pictures are used to occupy a high resolution picture, you should not change the height or width of the picture. In Web Page view, right-click the picture, click Picture Properties on the shortcut menu, and then click the General tab.

In the low resolution (Figure 3) box, type a file name for another low-resolution picture or click Browse to locate it. If the picture is in the site, browse to the site and folder that contains the picture, and then select the picture you want. If the picture is on your local area network, click Select a file from your computer, and then browse to the image you want from the local area network. If the picture is on a global wide area network, click "Use a Web browser to select a Web page or file." In your Web browser, browse to the picture you want, and then switch back to FrontPage 2000, where the page location you have visited will appear in the URL box.



This feature is useful for large pictures or high-resolution pictures. If the picture is an image map, site visitors using a low-speed Internet connection can click a hotspot based on a low-resolution picture instead of waiting for the entire high-resolution picture to complete the download.

It is also a good idea to specify text in place of a graphical display, which is no longer described here.