Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win


Photoshop Slicing Rules

Posted on 2004-10-29
Medium Priority
Last Modified: 2012-05-05
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  
Question by:ashkaat
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions

Expert Comment

ID: 12443668
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.
LVL 18

Expert Comment

ID: 12444257
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 http://www.alistapart.com/ and http://www.wpdfd.com/ to begin with.

Accepted Solution

Eric earned 1000 total points
ID: 12444931
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..


Featured Post


Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

CTAs encourage people to do something specific to show interest in your company, product or service. Keep reading to learn why CTAs should always be thought of as extremely important, albeit small, sections of websites.
Ready to get certified? Check out some courses that help you prepare for third-party exams.
Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
Suggested Courses

609 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question