martyboi — 2012-09-26T20:05:11-04:00 — #1
I am wanting to create a Background Image for my WordPress Blog. An Image that will cover the whole ' Body ', one that looks great with all resolutions. But the problem is, I don't know what length would be best to achieve such a goal.
So here I am seeking help, and help indeed will be much appreciated.
ralphm — 2012-09-26T20:19:56-04:00 — #2
It depends on the nature of the image. If it has a repeating pattern, the ideal is to isolate one repeat and then let it repeat across the screen. If it's a piece of photography, there's no ideal width. It will not be wide enough on some screens, unless you make it ridiculously big. So perhaps look at options for fading it out at each end. We'd need to see it, and your blog, to advise more.
martyboi — 2012-09-26T20:21:53-04:00 — #3
slackr — 2012-09-30T19:50:50-04:00 — #4
Hi Marty, as Ralph mentioned it can be tricky picking a background size as these days there are multiple considerations given display sizes and resolution. What you can do is employ some visual trickery in order to give the impression of depth in the background without needing to try and fill it completely. This is often done as Ralph mentioned by fading out the edges of your image to a solid background colour. You often see it with a glow-type effect centred at the top of a website. It picks out the header area and gives some weight and visual punch without needing to take up the whole background. If your website is likely to have long pages that scroll vertically and you want to have the effect present, you can do a similar thing but apply it to the edge of your website's frame/body content.
Photographic backgrounds can be tricky and I often see them used at resolutions that are too small on my 27" iMac. I know what they're supposed to look like, and would look like at different resolutions but often I see 80-90% of the image and then a nasty repeat both horizontally and vertically.
The other advantage to providing part of an image with a fade is bandwidth. You get the benefit of an image without needing to download a large background image file or having to provide multiple background files for different screens.
ralphm — 2012-09-30T19:56:41-04:00 — #5
@MartyBoi That is an image of your site, presumably, but we need to see the background image to judge whether it lends itself to what Slackr is describing above.