Sign In | Subscribe
Start learning today, and be successful in your academic & professional career. Start Today!
Loading video...
This is a quick preview of the lesson. For full access, please Log In or Sign up.
For more information, please see full course syllabus of Photoshop Designs to Code
  • Discussion

  • Study Guides

  • Table of Contents

Bookmark and Share

Start Learning Now

Our free lessons will get you started (Adobe Flash® required).
Get immediate access to our entire library.

Sign up for

Membership Overview

  • Unlimited access to our entire library of courses.
  • Search and jump to exactly what you want to learn.
  • *Ask questions and get answers from the community and our teachers!
  • Practice questions with step-by-step solutions.
  • Download lesson files for programming and software training practice.
  • Track your course viewing progress.
  • Download lecture slides for taking notes.
  • Learn at your own pace... anytime, anywhere!

What Is a Slice?

  • In order to take our present design and chop it up into the optimized images we need, we create slices
  • A slice is a piece of our web design that becomes a separate image on our web page
  • Think of a slice as a way to take a single image & create separate images from it
  • We do not want our entire web page to be an image
  • What we do is chop it up using slicing so we can decide what images we want to make
  • When we create a slice we are telling Photoshop to make the slice area an image
  • We optimize slices to specify what format of image we want PS to make
  • Think of a slice as a piece of a jigsaw puzzle
  • We will take this image & chop it up into a jigsaw puzzle
  • Can only do squares or rectangles because pixels are squares