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
Post a Comment