I tried uploading a textured background to my blog instead of just a color. However, when I did, the site loaded extremely slow and the background would load in “waves” instead of all at once. This is probably because I actually uploaded an image that I just tiled.
But I’m puzzled because there are sites like this, where they have a slightly textured background, but no loading problems like I had. Or even this site, where they obviously have an image in the background but it loads just as fast as my single-color background. This site—CSS Tricks—is another option. The lines in the background, are they an image file?
I want to know how to have a textured background without making the site load suffer, as apparently these other examples have done.
@joshuanhibbert @ChristopherBurton @TheDoc haha, I know that’s huge. So should I make the image really tiny, try to compress it, and see how that works? I can try linking it too, instead of uploading it, will that help?
Again, is this the only way to do it? An image file? Is there some other way? How do you think those other guys do it?
Two options with this really, create a small version – I’m thinking 64×64 px and set it to repeat, provided the joins aren’t obvious. Or, apply a CSS3 gradient and then overlay a noise layer PNG (that is small and repeating).