Jump to content

How to turn a jpeg photo into 'wallpaper' for my web page


Recommended Posts

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.

Link to comment
Share on other sites

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).

Link to comment
Share on other sites

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.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Create New...