Stop Photoshop auto re-numbering slices…


I use Photoshop for web design, and use the slice tool to cut out site layouts for tables.

What’s really annoying me is that if I change the slices slightly, such as make one a little larger, or add an extra slice, Photoshop gives a load of them different file numbers meaning I have to go through the layouts changing a load of values.

Is there a way to force Photoshop to leave the original number, and keep counting? Rather than re-number all the slices?

Many Thanks,
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

David BruggeCommented:
Hi Sam!

Since no one else has taken a shot at this, I’ll give it a try.

PhotoShop / ImageReady has two types of slices. User created and auto slices.

The goal of the slice function is to divide up the image into an html table. That means that:
One) all of the image must be sliced in one way or another, and
two) No slice can span across a table boundary. (unless you promote them to user slices and them join them into one slice)

As you have found out, whenever you make adjustments to user slices, PhotoShop and ImageReady fill in the rest with an optimized (as far as the program can see it) html table.

If you have named your slice, PhotoShop and ImageReady will not rename them, but they will continue to renumber the auto slices and create or delete auto slices as needed. You could name your basic slices and move them around as you like, ignoring the auto slices.
When a new auto slice pops up, enlarge a named slice to include the area that the auto slice occupies.
PhotoShop (but not ImageReady) will let you lock slices so that they remain undisturbed.
SamWitneyAuthor Commented:
Cheers - how do I name them?
David BruggeCommented:
sorry for the delay.

In PhotoShop, select the slice with the slice tool, then right click (or cmd-click for Mac) on the slice and choose "Edit Slice Options" and there is a line to change the default name of the slice.

It's easier in ImageReady. Go to the Window pull down box (right next to Help, at the top) and select "slice" and the "optimize" if they are not already selected. This will open the slice info pallet and the optimize pallet. In the slice pallet you can rename the slice, in the optimize pallet, you can set the optimize method.

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Rowby Goren Makes an Impact on Screen and Online

Learn about longtime user Rowby Goren and his great contributions to the site. We explore his method for posing questions that are likely to yield a solution, and take a look at how his career transformed from a Hollywood writer to a website entrepreneur.

SamWitneyAuthor Commented:
Thanks D_Brugge, that helps alot.

I have never used ImageReady, but I am a web designer so should I be using it more?

What does it do as such? I know this is a new question, just a short answer is needed - I will accept the answer above if you don't want to reply etc, just won't close it right away in case it won't let you reply.

Many Thanks
David BruggeCommented:
I prefer Macromedia's tools for web design, so it will be interesting to see what comes out of the Adobe/Macromedia merger.
That being said, ImageReady is a good tool to transition your PhotoShop content for the web. It allows you to take a PhotoShop design and (using layers) assign rollovers, build remote rollovers,do simple flash animations or make annimated gifs, as well as slicing up your image into tables or if you prefer, CSS style sheets with id#s that assign absolute positions to the sliced images.
Also, I find the save for web command has better previewing options so that I can make a more informed decision before I commit to a optimization method.
SamWitneyAuthor Commented:
ah rite cool.

I do use MM DW 8 for the design/css, just PS CS2 for graphics.

Many Thanks, will give IR a try out.

David BruggeCommented:
me too, but check out ImageReady. It resembles Fireworks in a lot of ways.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Adobe Creative Suite CS

From novice to tech pro — start learning today.