[Pro] tiling a background

Hello,
I’m wanting to create a textured background for one whole page, and have read about tiling being better than using one image.

So what would an ideal size be for the one tile ?

Thanks,
SeaDream


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It depends on the texture you’re trying to create. If your pattern can
repeat in 25px in either direction (or both) then that’s a good
minimum size. (Anything smaller than that and you will actually choke
your browser as it has to do a lot of math to create that many tiles.)
You can use larger tiles, too. Particularly if you’re trying to make a
fade from one color to another, you’ll need to create a tall skinny
tile, and then restrict it to tile in only one axis.

Remember that you can also cause your tiled image to “die” to a solid
color, and then you don’t need to make it as large as your browser
window. You can have a solid color as your background color, and then
a tiled graphic that ends in that color.

If you look at the FreewayTalk.net site, that’s the technique I used
to create the “full-width” banner at the top of the screen. There’s
one graphic that’s about 25px by 160px tall, and that forms the
horizontal stripe. There’s another image that uses the same texture
and includes the postmark graphic, and that’s placed as a foreground
image above the background.

The texture and color matches perfectly, because I sliced the tiling
bit off of one end of the header graphic. Since they are both JPEG,
they are both wrong by the same amount, and match no matter what the
browser does to the color.

The horizontally-tiled slice “dies” into the HTML color that I set for
the middle of the page (white, or nearly so), and then there’s another
color set for the page background, which you only see below the
content, or on short pages. This way, the background can grow or
shrink to fit the content, without me having to make an obscenely tall
graphic.

Walter

On Jun 22, 2011, at 9:00 PM, SeaDream wrote:

Hello,
I’m wanting to create a textured background for one whole page, and
have read about tiling being better than using one image.

So what would an ideal size be for the one tile ?

Thanks,
SeaDream


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options