Print image (from screenshots) is too small
The main way to get the presentation you want both online and in print is to use a .jpg or .png image for the online view and a .eps image for the printed view. When you have added both images (myimage.jpg and myimage.eps in this example) using the "Files" tab of the module, the CNXMLto enable the alternate print and online presentation is as follows:
<figure id="myfigure">
<media type="application/postscript" src="myimage.eps">
<media type="image/png" src="myimage.jpg"/>
</media>
</figure>
One caveat is, however, that you must specifically set the print size in your image editor to get a properly-sized image in print. If your images result from screen shots, then they will likely need some image editing to prepare them for printing. The resolution in an online display (and, by implication, the resolution of the image from a screen shot) is typically not sufficient to produce a large, crisp image in print. When the image is included in the print version without modification, it appears small in size but high in resolution. To scale the image to a larger print size, you must use your image editing software to set the "Print Size" on the .eps file to the required physical dimensions. Refer to the your particular image editor's help files for tips on how to do this.
If you would like a free, high quality open source image editor, I recommend GIMP. You can obtain a Windows installer for GIMP by pointing your web browser to http://www.gimp.org/windows/.
