[HTML][CSS]Rozmiar obrazka a zachowanie proporcji Opcje

[dudek90]

Witam,
Mam sobie kilka obrazków, które ustawiam w szeregu. Chcę aby każdy obrazek miał np. rozmiar 100x100px. W tym celu ustalam styl obrazka width: 100px; height: 100px; Jeśli obrazki są kwadratowe to nie ma problemu skalują mi się ładnie. Natomiast jeśli obrazki są np. prostokątne to rozciągają mi się i nieestetycznie to wygląda. Wiem, że mogę ustawić sobie np width:100px i max-height: 100px ale wtedy obrazki nie zawsze będą miały 100px wysokości. Chodzi mi o to aby obrazek miał rozmiar 100x100px natomiast był przeskalowany tak, że pusta przestrzeń będzie zastąpiona np jakimś tłem jednolitego koloru.

Mam nadzieję, że zrozumiecie o co mi chodzi

Za wszelką pomoc z góry dziękuję.