Cutting an image into pieces in Photoshop.
Let's say we have an image that is jm pixels wide and kn pixels high:
bubbles.jpg -- 300 by 200 pixels
And let's say we'd like to cut it into jk pieces each m by n pixels, using Photoshop 7. For the example let's assume j=3 and k=2, id est, we'd like to make 6 square pieces, each 100 by 100 pixels.
1. Open the image in Photoshop and choose the "slice tool."
2. Holding the mouse down for a moment on the slice tool, toggle it to the "slice select tool."
3. Once the "slice select tool" has been chosen, click on the image. The previously greyed-out buttons labeled "slice options" et cetera, should become active. Click on "divide slice."
4. Enter values of j and k (in this case 3 and 2); then click OK.
5. From the File menu, choose "save for web". Shift-click until all slices have yellow borders. Choose an appropriate file format, then Save.
6. Name the file and choose "HTML and images"; then click on Save.
7. Photoshop will create an HTML page, with a table, with the images all nicely nestled inside. Like here: bubbles.html
8. The images will, by default, be named after the original picture and stuck in a folder named "Images":
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
bubbles_05 | bubbles_03 | bubbles_01 | bubbles_06 | bubbles_02 | bubbles_04 |