PDA

View Full Version : Background image on website


That Guy
2nd September 2009, 22:46
OK I have a background image for a website. It is 1600px x 1000px.

Are people using screen resolutions larger than this yet? The only reason I am asking is because the image cant be repeated as the graphics in the background don't align.

Many Thanks

Chunkford
2nd September 2009, 23:14
Well im using 1920x1080

Can you not blend it into a solid background colour?

That Guy
2nd September 2009, 23:17
Well im using 1920x1080

Can you not blend it into a solid background colour?

I guess that answers my question :D

I have tried blending and also a few other things but with no luck.

Think im going to look for an image that can be tiled.

Im looking for floorboards if anyone has something like that :p

ozbon
3rd September 2009, 08:31
Well, you could use something like these wood texture images (http://www.drweb.de/magazin/wood-free-textures-download/)...

There's a number of places you can find stuff - Smashing Magazine had a good list of them here (http://www.smashingmagazine.com/2007/01/02/where-can-i-find-textures-and-background-images/) - but Amazing Textures (http://amazingtextures.com/) is a good starting place too. (Their Wood textures are here (http://amazingtextures.com/textures/cat-wood-14.htm))

Also bear in mind that large background images can be a pretty big download for the user unless you optimise the graphic as much as possible...

Spock
3rd September 2009, 09:15
Make sure the image is optimised for size as it will take forever to load the page if not ;)

ozbon
3rd September 2009, 09:22
Wow, Spock, thanks for repeating the last line of my previous post... :-)

Spock
3rd September 2009, 09:26
oops! Sorry mate, obviously still a bit sleepy this morning. Think I'll go downstair and get a cuppa :)

SFD
3rd September 2009, 09:26
If you search for 'wooden textures' on google a few of the top sites are really good. The first result is bittbox and all the textures are 2500px wide.

fisicx
3rd September 2009, 09:34
Sites without background images convert better than those that do.

Can't find the report though. It was a good test done a few years ago but it showed that simple colours as a background worked well but white backgrounds and no borders was best of all.

Do some split testing, site with background and site without. You will need eyetracking, getclicky or clicktrail or something to do the testing with.