suit: <img> Proportional in allen Browsern?

Beitrag lesen

Hallo, wenn ich im IMG-TAG eine prozentuale Grössenangabe mache

das willst du nicht - browser sind nicht zum skalieren von rastergrafiken gedacht - wenn du skalierbare grafiken haben willst, nimmt vektorgrafiken (wie etwa svg)

Das ist schön und auch so gewünscht von mir.

ich kann mir nicht vorstellen, dass eine vom browser skalierte grafik noch schön ist ;)

  1. Darf ich überhaupt eines der beiden Angaben weglassen aber eines nehmen?

ja

  1. Darf die Angabe in Prozent sein?

ja - auch in pica, em, cm oder sonstwas
aber siehe oben - schlechte idee

  1. Kann ich mich auf die proportionale Darstellung in allen führenden Browsern verlassen?

es wird in vielen browsern furchbar aussehen, aber die proportionen werden stimmen

  1. Gäbe es eine bessere Alternative zu meinem gewünschten Ergebnis?

wenn du eine rastergrafik mit fixen pixeldimensionen hast, binde sie mit fixen pixeldimensionen ein oder lass beide angaben komplett weg

Noch mal zur Verdeutlichung, ich habe im linken Bereich der Seite ein Bild, dass höchstens so ca. 20% der Screen-Breite ausmachen darf. Aber es soll sich schon in der Länge strecken, also setze ich den Heightwert auf 100%. Es klappt auch soweit, aber ich bin nicht sicher ob das so ok ist.

spätestens an dieser stelle stellt man fest, dass du offebar das <img />-element zu layoutzwecken missbrauchst - tu das nicht, es ist NICHT barrierefrei (auch wenn man in den alt-Text "nur fürs layout" schreibt, das ist lästig