Background image size?
- Started
- Last post
- 5 Responses
- bainbridge
For a website, if you want an image to fill the whole background and size according to the browser window, what is the best size for the image?
Do you have it 72DPI at around 1000px wide, or do you have it at 72DPI for the largest screen size?
- mekk0
changing dpi has no effect on screen, all you have is pixel width and height! I'd put in a 1200px wide image as standard in the background and an optional 2500px wide image for larger resolutions via a media query.
Do you want it to grow with the browser viewport or do you want it fixed?
- Hombre_Lobo0
my fave method is setting the image as a background to a div
then put background-size:covermore info here -
http://css-tricks.com/perfect-fu…- Uglyi_was
- yep, ugly - see my solutionmekk
- how is background size:cover ugly? its like 2 lines of code as opposed to your 50+ lines
:/Hombre_Lobo - because it doesn't center it out properly: http://i.imgur.com/b…mekk
- oh yeh, thats fucked :/
Hombre_Lobo
- mekk0
so the question of 'how do I center my bg properly?' pops out often, I decided to put in a solution based on jquery:
When someone wants to provide some Megabytes online space, I will provide a demo/boilerplate
- renderedred0
I used this a few times
http://srobbin.com/jquery-plugin…