Bild kleiner machen HTML?

2 Antworten

Genau wie alle anderen Elemente auch, mit

style="width: 100px; height: 100px;"

Anstatt der 100 natürlich die gewünschte Größe.

Du kannst auch width: auto; machen und nur die Höhe direkt setzen, dann wird das Bild nicht verzerrt/abgeschnitten.

Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf

Du kannst im img-Tag die Breite und Höhe angeben.
https://www.w3schools.com/tags/tag_img.asp

 <img src="bild.jpg" alt="Bild" width="50" height="60" />

Ansonsten kannst du dies auch per CSS zuweisen.
Hier bietet es sich aber an dem Bild eine ID oder Klasse zu geben, damit nicht alle Bildelemente angesprochen werden oder per style-Attribut in das img-Tag zu schreiben.

img {
  width: 50px;
  height: 60px;
}