Ajustar fondo a cualquier resolución

Hola a todos!
No se si les ha pasado que quieren colocar unba imagen de fondo y cuando la ven en monitores grandes, quedan espacios en blanco..
Bueno hoy quiero enseñar o aconsejar dos formas de colocar un fondo en su web y que adapte a la resolución de la pantalla.
Se aconseja como minimo utilizar imagenes de 1600px x 1200px para que no se pixelee en pantalla de gran resolución.

El primero utiliza solamente CSS. es un código muy sencillo que centra la imágen y la adapta a la pantalla.

Código:

body {background: url("AQUI LA URL DE TU IMAGEN") no-repeat fixed center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;

El segundo esta basado en Javascript y toma recurso de la biblioteca jquery para realizar la función.
Código:

<script src="http://www.google.com/jsapi"></script> <script>google.load("jquery", "1");</script> <script src="https://googledrive.com/host/0BzTF4maHDSaGZU0yMXRrRTYxdWM/jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8"></script> <script> $(document).ready(function() { $("body").ezBgResize({ img : "URL DE TU IMAGEN", // AQUI PON LA URL DE LA IMAGEN DE FONDO opacity : 1, // AQUI LA OPACACIDAD QUE TENDRA 1 ES IGUAL A 100% center : true // Centrado o no (true or false). PREFERENTEMENTE DEJALO ASI. }); }); </script>