responsive-image

responsive-image.html

Если ты используешь картинку как фон в header используй:

header{
  background:url(path_to_your_image) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 100px;
}
Пример: https://jsfiddle.net/NikitaSmith/uz2n1r3p/4/

Если ты хочешь использовать картину внутри блока,чтобы она была адаптивной: HTML:

<img src="path/to/your/image" alt="">
</header>
CSS:

#background {
  position: fixed; 
  top: 0; 
  left: 0; 

  /* Preserve aspet ratio */
  min-width: 100%;
  height: 200px;
}