Page 1
Screenbook Maker displays each page image to be no wider than 640 pixels. For example, the screenshot shown below is actually wider than 640 pixels. It is only 640 pixels wide on the page, however.
Click on the image for page view.
Page 2
How does this work? By default, Screenbook Maker displays the full sized image in a folder called highres in the Screenbook folder.
Click on the image for page view.
Page 3
In this screenshot we can see that the pic01.png file in the highres folder is actually 957 pixels wide.
Click on the image for page view.
Page 4
In this screenshot, we can see that the main folder for this Screenbook also has an identically named image, but this image is 640 pixels wide. However, this file is not being displayed. Read on for how it is used...
Click on the image for page view.
Page 5
Here is a screenshot of the source code of the page. You can see that an img tag is not being used. Instead a v:imagedata tag is being used, and it is pointing to the highres folder.
Internet Explorer understands the v:imagedata element, and uses a special component to resize the image without loss of detail. The image is actually converted to a vector graphic and resized in the browser. So you see the full image with high detail, but it is smaller.
Click on the image for page view.
Page 6
Other browsers cannot read the v:imagedata element. So, later in the same source file, you can see that there is a regular IMG tag, pointing to the image file in the main Screenbook folder. This file has been resized. That is, it has been shrunken, with an inevitable loss of some information or detail. Browsers other than Internet Explorer ignore the v:imagedata element and read the IMG element, so when viewing a Screenbook in a browser other than Internet Explorer, you're actually looking at the shrunken image.
In Firefox and other browsers, the shrunken image shows with a link allowing users to pop up the full sized image. This is only for the case of images that are larger than 640 pixels.
Click on the image for page view.
Page 7
So, by default, Screenbook Maker saves two copies of every image. One copy goes in the highres folder and is not resized. The other is resized to be no wider than 640 pixels, and is stored in the main Screenbook folder.
By saving two images, Screenbook Maker makes it possible to show display images so as to fit into the browser window, but with minimum loss of detail. Also, when printing, the image is printed from the high resolution image.
When the default "Save High Resolution Image" option is chosen in the Bookshelf Options dialog, Screenbook Maker saves two copies of every image, even ones that are narrower than 640 pixels. This is because the copy in the high resolution folder serves as the archival copy and does not get a label applied. This is why you can remove labels from pictures - the labels only go on the picture in the main Screenbook folder, not on the copy in the high resolution folder.
Page 8
By default, Screenbook Maker resizes the image in the main Screenbook folder to be no wider than 640 pixels. The copy in the high resolution folder is not resized, however, the width of the "low resolution" copy determines what width will be displayed in the browser.
In most cases 640 pixels is an ideal width. However, you can change this default width by changing the Max Image Width setting in the Bookshelf Options dialog.
Page 9
Images can also be individually resized with the Resize dialog in the Edit Book dialog.
Selecting Resize from the Image pulldown displays the Image Resize dialog, with options for resizing.
This option tends to be of limited use with screenshots, but is very useful with other types of images.
Click on the image for page view.
Page 10
Selecting Resize from the Image pulldown displays the Image Resize dialog, with options for resizing.
This option tends to be of limited use with screenshots, but is very useful with other types of images.
| 
