Šířka a výška obrázku v HTML

Pokud nastavíte současně jak šířku, tak výšku, obrázek může být zkreslený. Například, pokud nastavíte šířku 100 pixelů a výšku 70px, náš smajlík se roztáhne na šířku:

html<img src="smile.png" width="100" height="70">

Результат:

Obrázek se nemusí nutně zkreslit, protože můžeme nastavit jak šířku, tak výšku na 100 pixelů, v tomto případě se náš obrázek zmenší oproti původní velikosti (původně byl 130), ale jeho proporce nebudou zkresleny:

html<img src="smile.png" width="100" height="100">

Результат:

Задание 1

Nastavte svému obrázku šířku a výšku tak, aby byly proporce obrazu zkresleny.

Задание 2

Nastavte svému obrázku šířku a výšku tak, aby proporce obrazu nebyly zkresleny.