Photoshop Slicing Rules

Dear All:

Is there some specific rules for slicing in Photoshop or ImageReady ??

I mean, are there some rules that was created by Web Designers to make the Slicing for a layout gives the best performance when converted to a Web Page or this just differ from one Layout to Another ??

I'm asking this because some times when i slice a layout and convert it to a Web Page i notice that if i try to extend my page down with a text or something, all the slices get miss up and the cells get out of my control !!

Is there a solution for this ???

Regards All  
Who is Participating?

[Webinar] Streamline your web hosting managementRegister Today

EricConnect With a Mentor Commented:
i use sliced images for my sites all of the time, and i wouldn't do anything else..  especially when you have a huge graphic spanning across all parts of the page..

what i do in photoshop, is create guide lines on the graphic.   just click your mouse on the ruler in the window and drag the mouse to the middle of the window.  you'll see a line appear across it.  you can do this many times both horizontally and vertically.

make sure that the settings are set to "Snap to: guides"

then you can slice your image, snapping the slices to the guides, and you won't have any more problems with your slices..  or shouldn't..

I am not aware of any 'specific rules for slicing' but I suggest you keep your slices in a grid-like formation. That is, no overlapping columns as to make them fit in one HTML table.

You may also have to edit the HTML for vertical and horizontal alignment (valign and align) and make some of the images as backgrounds for the cells or the tables.
I would suggest you don't slice images.  Unless you have to, which you usually don't.
Especially since you said "all the slices get miss up and the cells get out of my control".

Splicing images and positioning them with table cells is an old design technique, created when the techniques available today were not available.  They don't work well, but back then were the best there was.  Of course they've been around a while, so they are common and well known.  But not good.

Modern layouts are designed using CSS (Cascading Style Sheets).  If you know table layouts, it can be difficult to learn to use CSS properly, but once you do you will see it's very powerful and flexible and allows some wonderfully elegant layouts.  I suggest you read web design sites like and to begin with.
All Courses

From novice to tech pro — start learning today.