Mam obraz i chcę ustawić jego określoną szerokość i wysokość (w pikselach)

Ale jeśli ustawię szerokość i wysokość za pomocą css (width:150px; height:100px) obraz zostanie rozciągnięty i może być brzydki.

JakNapełnić obrazy do określonego rozmiaru za pomocą CSS inie rozciąganie to?

Przykład obrazu wypełnienia i rozciągnięcia:

Oryginalny obraz:

Rozciągnięty obraz:

Wypełniony obraz:

Należy zauważyć, że w powyższym przykładzie wypełnionego obrazu: po pierwsze, rozmiar obrazu zmienia się do 150x255 (zachowany współczynnik proporcji), a następnieprzycięte do 150x100.