width-Attribut
Das Attribut width legt die Breite eines Bildes fest,
das durch den Tag
img definiert ist.
Derzeit ist dieses Attribut nur zulässig
für Bilder,
iframe,
video
und einige andere Tags.
Es ist erlaubt, Werte in Pixeln oder Prozent anzugeben. Wenn die Größe in Prozent angegeben wird, bezieht sie sich auf die Breite des Elternelements. Bei der Angabe der Größe in Pixeln werden die Maßeinheiten nicht angegeben.
Wenn für ein Bild weder Breite noch Höhe angegeben sind - hat das Bild seine tatsächliche Größe. Wenn eine Höhe angegeben ist - erhält das Bild die angegebene Höhe, und die Breite passt sich so an, dass seine Proportionen nicht verzerrt werden. Wenn nur die Breite angegeben ist - passt sich das Bild analog in der Höhe an, um die Proportionen beizubehalten. Wenn sowohl Breite als auch Höhe angegeben sind - können die Proportionen des Bildes verzerrt werden (oder auch nicht, wie Sie richtig raten). Wenn Breite oder Höhe (oder beide zusammen) größer als die tatsächliche sind - wird das Bild vergrößert, verliert aber an Qualität.
Es wird empfohlen, Breite und Höhe Bildern in Attributen anzugeben - in diesem Fall wird der Browser Bilder schneller laden - er muss nicht die Größe jedes Bildes nach seinem Erhalt berechnen.
Es wird nicht empfohlen, die tatsächlichen
Abmessungen eines Bildes ohne Notwendigkeit zu verkleinern. Zum Beispiel,
die tatsächliche Bildgröße beträgt 1000 mal 1000
Pixel, und Sie weisen ihm eine Breite von 100px zu.
In diesem Fall wird das Bild auf dem Bildschirm
auf 100 Pixel erscheinen, aber die Größe
von tausend Pixeln behalten und dementsprechend viel länger
laden.
Beispiele zur Verwendung finden Sie hier:
Tag img.
