Introduction to lớn PhotoshopPhotoshop & other products và servicesPhotoshop on the iPadPhotoshop on the web betaCloud documentsWorkspaceWeb, screen, and app designImage and color basicsLayersSelectionsImage Camera RawImage repair and restorationImage transformationsDrawing and paintingTextVideo và animationFilters & effectsSaving & exportingPrintingAutomationColor ManagementContent authenticity3D và technical imaging

Slices divide an image into smaller images that are reassembled on a website page using an HTML table or CSS layers. By dividing the image, you can assign different URL link to create page navigation, or optimize each part of an image using its own optimization settings.

Bạn đang xem: Cách dùng slice tool trong photoshop

You export and optimize a sliced image using the Save For Web command. Photoshop saves each slice as a separate file and generates the HTML or CSS code needed khổng lồ display the sliced image.


You can create a slice by using the Slice tool or by creating layer-based slices.

After you create a slice, you can select it using the Slice Select tool 

& then move, resize, or align it with other slices.

You can mix options for each slice—such as slice type, name, & URL—in the Slice Options dialog box.

Xem thêm: Bài Thi Tổ Hợp Tiếng Anh Là Gì, Top 20 Hay Nhất 2022

You can optimize each slice using different optimization settings in the Save For Web dialog box.

Slicesare categorized by their content type (Table, Image, No Image) andby the way they are created (user, layer-based, auto).

Slicescreated with the Slice tool are called user slices;slices created from a layer are called layer-based slices.When you create a new user slice or layer-based slice, additional autoslices are generated to account for the remaining areas ofthe image. In other words, auto slices fill the space in the imagethat is not defined by user slices or layer-based slices. Tự động slicesare regenerated every time you địa chỉ cửa hàng or edit user slices or layer‑basedslices. You can convert tự động hóa slices to lớn user slices.

User slices, layer-based slices, and tự động slices look different—userslices và layer-based slices are defined by a solid line, whereasauto slices are defined by a dotted line. In addition, user slicesand layer-based slices display a distinct icon. You can choose toshow or hide tự động slices, which can make your work with user-slicesand layer-based slices easier to lớn view.

A subslice isa type of auto slice that is generated when you create overlapping slices.Subslices indicate how the image is divided when you save the optimized file.Although subslices are numbered & display a slice symbol, youcannot select or edit them separately from the underlying slice.Subslices are regenerated every time you arrange the stacking orderof slices.