Site FULL - Imagem acompanha site

eae galera to com um problema que é o seguinte como eu faço pra uma imagem acompanha o site quando a tela é menor?

exemplo fiz o site com a imagem do tamanho do meu monitor 1920

html:

>

<div class="banner">

 <img src="img/conceito2.jpg" alt="">
 </div><!-- fecha banner -->

css:

>

.banner{

position: relative;
width:100%;
height:567px;
margin: 0 auto 0;
}

o site como tem que ficar:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.digitalcentral.com.br/sites/pag1.PNG&key=0131950d7ec8343b5fcb8e837e70f2a1a65c510feb11c60807822e53fe9fa2e7" alt="pag1.PNG" />

como ele fica ao diminuir a tela, a imagem corta:

/applications/core/interface/imageproxy/imageproxy.php?img=http://www.digitalcentral.com.br/sites/pag2.PNG&key=e5b7df345bd696c77baaefe951499d75fee8585ffad87f8f210e3447c579bf65" alt="pag2.PNG" />