Please help w making my background?

[Pennie77]

Hello everyone! I'm dearly hoping someone can help me make my background

for my website.

I absolutely have my heart set on a yellow green small brick pattern I found.

I've been able to maintain the aspects of it up to 800x400 and can't go

any further.

I want all my pages to have a length of 1600. I can't figure out how to

"repeat", connect or whatever to reach 1600 without distorting it.

I've already painstakingly used it for layered and made backgrounds

for some of my prized images getting ready for it. Now I want to make

the background and I can't find a way!

My website designer stretches and distorts the bricks terribly bad.

I have both Paint.net and Irfanview (which is tempermental). I'll get whatever

software you suggest might do it for me!

I've attached the 800x400 piece to this post if you want to see it.

Thanks for any kind of help! Pennie77

[pyrochild]

Please post in the correct section of the forum. This one is for reporting Paint.NET's bugs.

You want General Discussion & Questions.

Moved.

[Sarkut]

Open a new file, resize the canvas to 800x1600.

Import the brick image.

Layers > Import from file...

Duplicate the brick layer four times.

Position the layers with the Move Selected Pixels tool.

Flatten and save.

http://a.imageshack.us/img704/403/1600pixelsofbricks01.png

Edited August 25, 2010 by Sarkut

[RhondaP]

Using that huge a size picture is going to cause your website ages to load. And the size will also cause a lot of scrolling for most. It would be better to create just a small tile of it and use it as a background (with it repeating itself horizontally and vertically).

[Ego Eram Reputo]

Using that huge a size picture is going to cause your website ages to load. And the size will also cause a lot of scrolling for most. It would be better to create just a small tile of it and use it as a background (with it repeating itself horizontally and vertically).

Absolutely correct.

CSS: {background-image: url(myImage.gif); background-repeat: repeat;}

This discussion is in danger of wandering off topic into CSS usage and theory, so if you have any further questions on the required techniques to tile your background, please post in the "Web Design Discussion" thread in the "Off Topic" forum.