Making Images Smaller

Most images are simply too big for a Web page. While an image destined for print might measure 1800 pixels across (in order to print at 300 dpi and be six inches wide), images for Web pages should rarely be wider than 600 pixels, and often more like 200, depending, of course, on what you’re doing.

To make images smaller:

1.
In the lower right portion of the Save For Web window, click the Image Size tab (Figure 5.20).
Figure 5.20. The original image, snapped with my digital camera’s default values measured 2048 by 1536 pixels, which besides being big enough for almost four browsers, weighed in at a whopping 366.9K, when compressed as a high quality JPEG.

2.
Enter a new width or height in pixels, or a percentage, and ...

Get HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.