morrisp934 Posted April 22, 2009 Report Share Posted April 22, 2009 I'm a beginner and Killersites has shown me some code to put photos on my web pages; is there some basic code I can use to turn a digital jpeg photo into 'wallpaper' for my web pages ? Quote Link to comment Share on other sites More sharing options...
LSW Posted April 22, 2009 Report Share Posted April 22, 2009 Just define it as the background of the HTML or Body tag in your CSS. That said... not a great idea. For one it is very large. Web sites should not weigh over 50kb, odds are the picture alone is more than that and will load very slowly. Second, photos tend to have large variations between dark and light as well as colors. This will wreak havoc on the users trying to read text that keeps fading in and out of the background. Lots of eye strain and can really make the site unusable to those with visual, concentration or reading impairments. You really have to fade it down a lot and then it sort of defeats the purpose. It is doable, but to get it doen in a way that will not cause issues for the users or look bad takes alot of time and is basically more work than it is worth. Quote Link to comment Share on other sites More sharing options...
morrisp934 Posted April 22, 2009 Author Report Share Posted April 22, 2009 Thanks for the prompt reply and for pointing me in the right direction Quote Link to comment Share on other sites More sharing options...
lm Posted April 22, 2009 Report Share Posted April 22, 2009 here are some examples on how to make large backgrounds with CSS. Quote Link to comment Share on other sites More sharing options...
Wickham Posted April 22, 2009 Report Share Posted April 22, 2009 Bearing in mind what LSW said, if you make your background-image very faint so that it's just a ghostly image it will not affect the ability to read text over it and it will be a smaller file size because of the lack of deep colors. See http://www.wickham43.net/backgroundfullwidthflexible.html Or make the background-image nearly black and have a white color for text (not so easy to read but it works). Quote Link to comment Share on other sites More sharing options...
morrisp934 Posted April 22, 2009 Author Report Share Posted April 22, 2009 Thanks for example code and practical solutions - I'm going to look into all this and have a go! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.