CSS: Creating textured backgrounds

Question

I am currently struggling with setting an image background for my site that will load fast enough. I have used data url image and even optomized images but its taking to long wh

Answer 1

You should try slicing the image if possible into a smaller piece which could be repeated. I have sliced that image to a 101x101px image.

CSS:

body{
  background-image: url(SO_texture_bg.jpg);
  background-repeat:repeat;
}

But in some cases, we wouldn't be able to slice the image to a smaller one. In that case, I would use the whole image. But you could also use the CSS3 methods like what Mustafa Kamal had mentioned.

Wish you good luck.