css - A good default background image type and size -


i'm using set background image.

body{   background: url('path_to_image');   background-size: 100%; } 

i'm happy how background-size handles small differences in screen size.

i'm designing background image in gimp blue abstract image. size handle common screen size ( in pixel width , height ), , image format export in?

here example of 1 background image tested with:

http://dooid.me/images/uploads/1334771136brentreader.gif

most common screen size reported ( link here ) browsers appears be:

1366x768 

1366x768 sounds if that's common screen resolution these days. file type should .jpg if image has many gradients , subtle details, or .png (or .gif) if image solid shapes no anti-aliasing, such pixel-art. keep in mind both quality , file size when exporting image !

it's you're using abstract image background, using background-size:100% can lead stretching in unintended resolutions (which silly more figurative pictures !).


Comments

Popular posts from this blog

SPSS keyboard combination alters encoding -

Add new record to the table by click on the button in Microsoft Access -

CSS3 Transition to highlight new elements created in JQuery -