Dynamische Bildanpassung (s. Posting von choice vom 01.01.2005)
basti
- html
0 wahsaga0 Ingo Turski0 Cyx23
Hallo Forum,
ich habe bei der Programmierung meiner Webseite folgende Sequenz verwendet, um ein Bild unabhängig von der Groesse des Fensters in einem festen Groessenverhaeltnis zu zoomen. Das Bild ist innerhalb einer Tabelle in einer Zelle zwischen zwei Textabsaetzen:
<td valign="top" width="screen.width - 160">
...(Textabsatz)
<div align="center">
<img src="img/tuz_hof1.jpg" width="66,67%" height="45,40%" border="0" alt="">
</div>
...(Textabsatz)
</td>
Anmerkung: Die Grafik ist 1729x1185px im Original.
Das Ergebnis ist ein Aehnliches, wie es choice in seinem Posting vom 01.01.2005, 23:09Uhr beschreibt:
Firefox: das Bild wird entsprechend der Fenstergroesse gezoomt
Mozilla: das Bild wird entsprechend der Fenstergroesse gezoomt
Konqueror: das Bild wird mit der Hoehe 1px angezeigt
Opera: das Bild wird mit der Hoehe 1px angezeigt
IE5/6: das Bild wird verkleinert (ca.5% der Originalgroesse)
Die Webseite ist <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> (war eine Herausforderung, schreibe HTML nicht allzu oft).
Kann mir jemand sagen, ob das ein Darstellungsproblem der Browser ist oder ob ich einen Fehler gemacht habe.
Vielen Dank im voraus.
Basti
(Das Objekt des Gruebelns: siehe Link oben.)
hi,
<img src="img/tuz_hof1.jpg" width="66,67%" height="45,40%" border="0" alt="">
meintest du vielleicht 66.67% und 45.4%?
Anmerkung: Die Grafik ist 1729x1185px im Original.
Firefox: das Bild wird entsprechend der Fenstergroesse gezoomt
Mozilla: das Bild wird entsprechend der Fenstergroesse gezoomt
schön.
und dafür habe ich jetzt ein bild mit 189 KB größe geladen, nur um es dann verkleinert angezeigt zu bekommen?
da wäre ich dir für eine feste größe von annehmbaren maßen und eine vernünftige dateigröße aber wesentlich dankbarer gewesen, als für diesen unsinns-effekt.
gruß,
wahsaga
Hi,
<td valign="top" width="screen.width - 160">
wozu eine Tabelle? Und eine solche Breitenangabe gibt's nicht, sie wird demzufolge ignoriert.
<div align="center">
wozu dieses DIV?
<img src="img/tuz_hof1.jpg" width="66,67%" height="45,40%" border="0" alt="">
die Angabe einer prozentualen Breite alleine reicht bereits und vermeidet Verzerrungen. Ich würde sie aber über CSS definieren und zusätzlich display:block.
freundliche Grüße
Ingo
Hallo Basti,
Anmerkung: Die Grafik ist 1729x1185px im Original.
...
Kann mir jemand sagen, ob das ein Darstellungsproblem der Browser ist oder ob ich einen Fehler gemacht habe.
das von wahsaga schon angedeutete Problem der grossen Datenmenge
wird m.E. dadurch noch verstärkt dass die entstehende Bildqualität
trotz der eigentlich ausreichenden Bildpunkte meist schlechter wird,
vmtl. weil der Browser nur mit einfachen Mitteln interpolieren oder
runterrechnen kann, neu entstehende Unschärfen aber nicht ausgleicht.
Du würdest also bei einer festen Grösse wahrscheinlich nicht nur
deutlich weniger Daten benötigen, sondern könntest u.U. auch eine
höhere Darstellungsqualität erreichen. Allerdings habe ich da nicht
im Detail das Browserverhalten von Opera und Mozilla verglichen, die
ja auch mal je nach Einstellung u. Bildgrösse von sich aus skalieren.
Sonst ist Skalierbarkeit bei einheitlicher Darstellung unter den
üblichen Browsern schon reizvoll.
Grüsse
Cyx23