Mam obrazek i aby w różnych rozdzielczościach zachowywał szerokość pełnego ekranu używam:

[HTML] pobierz, plaintext 
img{
    width:100% !important;
    height:auto;
    display:block;
}
[HTML] pobierz, plaintext 

To jest niby ok, ale ja chce, żeby obrazek miał stałą wysokość (czyli musi być kadrowany).
Efekt jaki chce uzyskać widać tutaj:
staging.gdziegramy.xg.pl

Ta górna duża grafika ma stałą szerokośc, ale i wysokość, obrazek jest po prsotu kadrowany.
Jak jest uzyskiwany taki efekt ? (oni chyba korzystają z bootstrapa)

Podpinasz Bootstrapa i class="img-responsive" dajesz obrazkowi.

Tyle to wiem, a bez Bootstrapa ?

?

Możesz pokombinować z DIV'em i overflow:hidden lub zamiast obrazka wrzucić to jako background dla diva i dać mu background-size:cover