Bildgrößenerkennung durch Browser vernachlässigbar?

[Blaufarben]

Holla,

mal eine Frage zu folgendem Element:

<img src="link" alt="" height="x" width="x" />

Ich würde Infotexte ganz gerne durch einen einzigen Klick (Upload) austauschen und in der Größe erweitern können.

Ist der Vorteil der Bildgrößenerkennung durch Browser vernachlässigbar?

[Xantiva]

Ich bin mir nicht sicher, ob ich Deine Frage richtig verstehe.

Was für einen Vorteil sollte die Bildgrößenerkennung durch den Browser haben?

Die direkte Angabe der Bildgröße per HTML hat einen großen Vorteil:

Wenn der Browser den Quelltext der Seite parst, kommt er an die Stelle mit dem img - Tag. Wenn hier die Größe es Bildes angegeben wird, kann er gleich den tatsächlich benötigen Platz auf der Seite freihalten/einplanen.

Wenn man die Größe nicht angibt, dann kann der Browser das nicht machen. Also rendert er die Seite so, als wenn keine Bild da wäre (oder nimmt eine Dummy-Größe an). Erst wenn das Bild dann komplett geladen wurde kennt er die Größe und muss neu rendern um den tatsächlich benötigten Platz zu schaffen. Das sind dann immer die Webseiten, die nach dem ersten Laden noch "herumflackern" solange wie nicht alle Bilder geladen werden. Finde ich höchst unprofessionell. Dabei auch an User mit schwachen Internetleitungen denken, bei die Seite nicht binnen einer Sekunde komplett geladen wurde.

[terrenal (RIP)]

nun ja - muss man sicher etwas genauer gucken heutzutage

eine dummy Adresse für ein Text.Bild mit aktuellen Meldungen macht wenig Sinn mit Größe - so ein Teil hat man schon immer ohne Größenangabe gemacht um mit dem Inhalt flexibel zu sein
das sollte aber auch normal nur eine minimale Ladezeit haben

wenn man beides als Kompromiss will dann müßte man die Bildgröße mit
<img src="link" alt="" height="x" width="x" /> im HTML angeben
aber die jeweils aktuelle Bildgröße dann in einer externen css als style Angabe
denn die überschrribt die HTML Angabe - aber ob das dann Sinn macht?

Bildgrößen im HTML können außerdem in responsive Designs wo Bilder skaliert werden sollen außerdem richtig Ärger machen - denn skaliert wird zumeist ja die Breite und die Höhe passt sich dann automatisch an - falls sie eben nicht fest am Bild eingegeben ist. Und moderne Editoren geben das am Bild dann auch noch als style und nicht als HTML width/Height an - mit dem Ergebnis dass die Bilder verzerrt werden.

[Blaufarben]

Was für einen Vorteil sollte die Bildgrößenerkennung durch den Browser haben?

Die direkte Angabe der Bildgröße per HTML hat einen großen Vorteil:

Das sind dann immer die Webseiten, die nach dem ersten Laden noch "herumflackern" (...) Dabei auch an User mit schwachen Internetleitungen denken

Es handelt sich um maximal 3 Dateien mit je 25 - 30 KB. Wie sieht es damit konkret aus?

so ein Teil hat man schon immer ohne Größenangabe gemacht um mit dem Inhalt flexibel zu sein

So kenne ich das auch. Seit ich nun Magnalister nutze habe ich dort ein Template samt Bildern hinterlegt. Viel zu spät habe ich entdeckt, dass Magnalister den hinterlegten Bildlinks diese Größenangaben hinzugefügt hat. Mir erscheint das wenig praktisch.

Bildgrößen im HTML können außerdem in responsive Designs wo Bilder skaliert werden sollen außerdem richtig Ärger machen (...) mit dem Ergebnis dass die Bilder verzerrt werden.

Also wirklich nicht so toll.

[Xantiva]

Bei einem "guten" responsive Design sollte bei kleinerer Darstellung auch ein kleineres Bild geladen werden
Das muss dann nicht herunterskaliert werden und benötigt auch weniger Bandbreite.

[terrenal (RIP)]

auch wenns technisch möglich ist mit mehreren Bildgrößen zu arbeiten

zwischen den Bildstufen muss man noczh immer skalieren wenn sich das Bild wirklich jeder Auflösung anpassen soll - oder man müßte insgesamt in Kauf nehmen dass zischen den Stufen die vorgesehene Fläche nicht ausgefüllt ist mit dem Bild
das hat eigentlich nichts mit dem grundsätzlichen Problem zu tun denk ich

[Blaufarben]

Gut, bei der Menge an Smartphone- und Tabletkunden passe ich das lieber an.

Die Artikelfotos im Artikeltext werden von Magnalister übrigens ohne Größenangabe angegeben. So richtig einig sind die sich offenbar auch nicht.

2 Fragen noch:

1. Muss ich responsivetechnisch irgendwas beachten oder einfach <img src="link" /> ?

2. Magnalister hat da noch nen alt="" ohne Text drin. Kann ich das wegmachen?

[terrenal (RIP)]

1. wird so gehen

2. der alt text wird angezeigt wenn aus irgendeinem Grund das Bild selbst nicht geladen wird. Normal würde man da beim Magnalister beim Artikelbild der Artikelname eingetragen - sonst eben das was zu dem Bild zu sagen ist.

[Blaufarben]

Dankeschön.