Atomik Xport SE: Reference > Chapter 12 Extracting Images, Captions and Copyright Information << >>

12.7 Web-friendly images

There are different factors to take into account when displaying raster graphics on the web, compared to displaying graphics on the printed page. Web graphics are typically saved at 72 dots per inch (dpi) because that is the best resolution most monitors will display, while professional print graphics are upward of 300 dpi

The advantage in storing your web-graphics at a resolution of 72 dpi is that unnecessary bandwidth is not consumed by images that contain more information than will be displayed in a browser.

With this in mind, Atomik Xport offers the ability to generate a web-optimised version of each extracted image and store it in a subfolder of the folder you saved your XML to.

Format

All image formats displayed by InDesign will be extracted as web-friendly images, including GIF, TIFF, JPEG, AI, EPS and PDF. When you extract to XML, the web-optimised images are generated in JPEG format. The colour model of web-friendly images is always RGB, irrespective of the colour model of the original file.

Quality

JPEG is a lossy image format, meaning that images compressed to JPEG lose a degree of visual quality in the process. You can control this aspect of the conversion by choosing from four image quality settings. The higher the quality, the larger the resulting file size, which may affect the speed with which the image is displayed over the world wide web.

The quality setting can be found in the ‘Output’ tab of the Ruleset Editor.

Cropping

The web-friendly image will only comprise of the portion of the image within the picture box on the layout. This means that if you have used a picture box to crop an image, the web-friendly image will be identically cropped.

Rescaling

When generating web-friendly images, it is possible to set a maximum size, so that images prepared for print are scaled at an appropriate size for onscreen viewing.

The image dimension settings can be found in the ‘Output’ tab of the Ruleset Editor.

By entering values for the maximum width and/or height of images (in pixels), you are ensuring that any generated image that exceeds either dimension is proportionally rescaled to within the specified limit. Rescaling an image does not alter its aspect ratio.

Links

The Image element contains references its corresponding image file in its imgPath and imgName attributes. The path to the image stored in the imgPath attribute will of course depend on whether you have chosen to link to the original image or to extract a web-friendly image to a subfolder.

A new image name will also be generated if a web-friendly image is extracted. This is to cater for situations where you are extracting multiple documents to the same XML file using the XML Preview palette, which raises the possibility of documents with identical image names.

The option to extract web-friendly images can be set on a ruleset-basis, and can be found under the Options tab in the Ruleset Editor:

1. Choose ‘Edit Ruleset’ from the Atomik Menu, and select your ruleset from those listed.

2. Under the Options tab, tick the box labeled “Extract Web-Friendly Images”

3. Choose a name for the image folder which will be automatically created when you export.

This will enable you to extract images optimised for web-viewing with each XML extraction that is based on the ruleset. If this box is left unticked, then the original image name and path will be referenced in your XML.