Größenangaben bei Bildern in HTML-Code oder CSS-Datei ?

Die Größenangabe von Bildern gehört ins HTML. Die Attribute height und width sind der gleichen Art wie das Attribut alt, sie geben mehr Informationen über den Inhalt des Bildes und haben mit dem Layout soweit nichts zu tun.
Sie sagen dem Browser, noch bevor er das Bild oder die CSS-Datei geladen hat: "Hier ist ein Bild und das ist so groß" - so kann er den Platz freihalten.

Da Bilder ohnehin nicht durch HTML oder CSS vergrößert oder verkleinert werden sollten, sondern idealerweise in der Größe vorliegen, die sie bei der Darstellung haben sollen, ist es eine reine Inhaltsangabe und keine Frage des Layouts.

Prima Erklärung

Erst wenn man z.B. Rahmen um alle Images haben möchte wird es Layout - und gehört nun in die CSS-Datei.

MfG KlausO

Die Größenangaben für Bilder gehören ins CSS. Man sollte Inhalt und Form immer voneinader trennen und die CSS-Befehle in eine seperate Stylesheet-Datei auslagern. Dann ist der Quellcode für die Suchmaschinen leichter zu verarbeiten.

Klasse, dass du nach fast zwei Jahren eine falsche Aussage ergänzt. Darauf haben wir gewartet.

Ich gebe Matthes Recht. Die Bilder so bearbeiten, dass sie ohnehin die gewünschte Größe haben und dann die Inhaltsangabe zu der Bildgröße in das schreiben. So erhält der Browser und der Crawler die gewünschten Informationen zu dem Bild und auch die Menschen. Und dann muss auch keine extra CSS Klasse angelegt werden um dem Browser die Bildgröße zu erklären.

Eine Frage wie löst ihr das Problem, wenn ihr für andere Geräte per media Queries die Anweisungen doch ins CSS schreiben müsst.

Wollt ihr da lieber JavaScript draufhauen oder serverseitig schon die Geräte unterscheiden?

Und ich frage mich wie schnell mit HTTP2 die CSS Datei geladen wird. Fällt das dann noch überhaupt auf?
Bei vielen Bildern in der gleichen Größe würde ich dann auch mehr zu CSS neigen.

Die Attribute width und height beim img-Tag sind ursprünglich keine Design-Angaben.
Bei media-Queries würde ich Grafiken als Hintergrundbilder laden und die Datei entsprechend in angepassten Größen vorhalten. Wenn ich ein Bild per img-Tag einbinde, nutze ich auch width und height, denn die Datei sollte ohnehin korrekt skaliert vorliegen.