They can also be automatically created from Guides or a Selection. Slices can be duplicated by selecting the Duplicate command found in the Slices menu. Using the Slice tool and the Slice Select tool, you can cut up your Web page and rebuild it as you see fit.

ImageReady 2.0 introduced Slices, editable boxes that allow you to designate filename and optimization settings for each individual area. Using ImageReady to its fullest potential means smoother sailing when it comes time to export graphics into an HTML environment such as Adobe GoLive 4.0. ImageReady 2.0 can now be found as a component of Photoshop 5.5 and is no longer sold separately. To address the problem, Adobe developed an application specifically designed to slice and optimize Web graphics - Adobe ImageReady. Relying solely on tools such as Debabelizer to optimize the manually sliced Web graphics, we would then proceed to recreate the layout in an HTML page, piecing the slices back together as if we were putting together a jigsaw puzzle - and having almost as much fun. First we had to plan out how the Photoshop build was to be split up or sliced so that each slice fit nicely with the arrangement of the HTML table layout. A few years ago, one of the truly tedious tasks for a Web designer/producer was the creation and optimization of Web graphics.

Photoshop save for web slices