Sams Teach Yourself Internet and Web Basics All in One

Creating Seamless Tiles

A seamless tile is an image that, when tiled or repeated, forms a seamless pattern. Therefore, you can use a relatively small image file that will tile itself on your Web page. Creating seamless tiles is something that is discussed constantly on Usenet.

Of course, the object is to get the sides to match up so that the smaller tile appears to be one large image when it's placed on your pages. Before showing you how to create a seamless tile, I'll explain the basic principles.

The Basics of Seamless Tiles

The object of a seamless tile, once again, is to get the edges of your image to match up so that when the image is tiled, it appears to be one big image. Demonstrating this is easier than trying to explain it.

Suppose you ...