Create compelling Web designs

Produce exceptional imagery for the Web and wireless devices with Photoshop and ImageReady, which ships with Photoshop.

Slicing

Use the slice tool to create slices by hand, or generate layer-based slices automatically. Apply slice-by-slice formatting and optimization to keep file size small and image quality high. See Creating and viewing slices.

Optimization tools

The Photoshop Save for Web dialog box and the ImageReady Optimization palette display a side-by-side comparison of format and compression options and let you apply weighted optimization to keep vector edges--type and logos, for example--crisp and clean. See Optimizing images and Using weighted optimization.

Rollovers palette

Use one convenient palette to view the entire set of rollovers, slices, image maps, and animations in a document, making authoring and navigation easier. See Using the Rollovers palette.

Transparency

Apply instant transparency to Web page elements by knocking out one or more colors. Or apply dithered transparency to create edges that blend into any Web background. See About optimization.

Quick GIF animations

Start with a layered Photoshop file, and use the Animation palette in ImageReady to convert individual layers into frames. Then apply the Tween command to generate additional frames and smooth out the action. See Creating and editing animations.

Link generation

To create a URL link, simply select an Image slice--a slice with image data or a rollover state--and enter a URL in the Photoshop Slice Options dialog box or the ImageReady Slice palette. See Assigning a URL to an Image slice.