| |
|
|
|
How To Slice An Image Into Smaller Images
Introduction
When you are creating
HTML pages
containing image, a common task is to slice up a big image into multiple
smaller images, for example if you want to place the small images in
<TABLE> cells. (Although for some uses,
you may be able avoid having to do this slicing by
using Imagemaps).
(If you don't understand
HTML
then get yourself a good
HTML Tutorial).
- If you have a good quality professional
painting software,
it may include a built-in function to slice images up like this for you.
- If not, all is not lost, with a bit of inventiveness it's possible
to slice images up in this way using the Paint accessory that comes with
Windows.
In this tutorial, I'll show you how to slice images up using the Paint accessory.
There are five chapters in this tutorial:
- Slicing Images Vertically Into Two Segments
In this chapter, I'll show you how to slice a large image vertically into
two smaller images.
- Slicing Images Vertically Into Multiple Segments
Next, we'll learn how to extend the technique to slice a large image
vertically into any number that you like, of smaller images.
- Slicing Images Horizontally Into Two Segments
In this chapter, I'll show you how to slice a large image horizontally into
two smaller images.
- Slicing Images Horizontally Into Multiple Segments
Next, we'll learn how to extend the technique to slice a large image
horizontally into any number that you like, of smaller images.
- Slicing Images Vertically and Horizontally Into Multiple Segments
Finally, we'll combine the techniques that we've learned in the
previous chapters to slice a large image into as many vertical and
horizontal pieces as you like.
| |
How To Slice An Image Into Smaller Images:
| |
|
|
|
