I'm using this code to set a background image for my website.
body{
background: url('path_to_image');
background-size: 100%;
}
I find that the background-size property works well for handling different screen sizes.
I'm creating a blue abstract image in Gimp to use as the background. What dimensions would work best for the most common screen size (in pixels) and what image format should I export it in?
Here is an example of a background image I tested:
The most commonly reported screen size by browsers seems to be:
1366x768