Rozwiązań jest wiele. Możesz np. utworzyć dla każdego osobną klasę:
.obrazek1 {
width: 200px;
height: 100px;
}
.obrazek2 {
width: 300px;
height: 200px;
}
Albo nadać im wymiary po indetyfikatorze (wcześniej trzeba go przypisać):
#obrazek1 {
width: 200px;
height: 100px;
}
#obrazek2 {
width: 300px;
height: 200px;
}
Możesz też wpisać style inline chociaż ten sposób jest niezalecany. Przykład:
<img src="obrazek.jpg" style="width: 300px; height: 200px;" />
Możesz po prostu przypisać im atrybuty HTML czyli tak:
<img src="obrazek.jpg" width="500" height="200" />
No albo możesz ręcznie zeskalować obrazki i też będzie ale pewnie nie o takie rozwiązanie Ci chodzi :)