13
Previewing an image as an HTML Background
Adobe ImageReady lets you preview how an image will look as a tiled background in a Web browser.
Try it:
1.
Choose File > Open > 3Circles.psd.
2.
Choose Image > HTML Background to check this command.
3.
Choose File > Preview In > [name of your browser].
The browser opens with the three circles tiled in the background.
4.
Close the browser, and then close the file without saving it.
Previewing an Edited Image in Different Browsers
One of the last steps in most Web production processes is to view each image in different Web browsers to
ensure its final quality. Adobe ImageReady simplifies this process with its Preview in Browser command.
You’ve now seen this feature in action a few times, so we’ll simply provide some background information
about it here.
When you choose the Preview in Browser command from the File menu, ImageReady writes a temporary
snippet of HTML code, saves the image and HTML snippet to your hard disk, launches your choice of
browsers, and displays the image. When the image opens in the browser, it displays key information, such as
the image size and compression settings. When you return to ImageReady, you can export the HTML snip-
pet or copy it to the Clipboard to use in an HTML editor.
You can set up as many different browsers as you want for this preview. Just make an alias or shortcut for
each browser, store them in the ImageReady\Helpers\Preview In folder, and then restart ImageReady. The
browsers are then listed on the Preview in Browser submenu.
Superior Image Editing
While Adobe ImageReady is not the primary creative tool in the Web graphics process, you may need to edit
images or make subtle adjustments to them. That’s why ImageReady includes a subset of Photoshop tools,
commands, palettes, and plug-ins. With these core image-editing capabilities, you have a complete and
productive Web graphics production solution.
Using the Image-editing Tools
Adobe ImageReady builds in a core set of image-editing capabilities, including:
•
Tools, such as the marquee, lasso, eraser, pencil, paintbrush, and eyedropper tools. (Note that the
Options palette displays tool-specific settings for you to select.)
•
Resizing commands, such as Image Size and Canvas Size.
•
Image adjustment commands, such as Auto Levels, Gamma/Contrast, and Hue/Saturation.
•
Filters, such as Unsharp Mask and Gaussian Blur. (ImageReady also works with any Photoshop-
compatible plug-in.)