Bildgröße angeben
Silke (HTML-Anfängerin)
- html
Hallo,
ich habe verschiedene Bilder (PNG), die ich alle auf der Homepage auf z.B. 75% der Originalgröße verkleinern möchte.
Nun passiert folgendes, für mich Unerklärliches.
Wenn ich dem ersten der Bilder keine Größenangaben mache, sind die nachfolgenden offensichtlich richtig verkleinert.
Sobald ich dem ersten Bild ebenfalls eine Größenangabe gebe, werden alle nachfolgenden Bilder kleiner.
Woran kann dies liegen?
Danke von Silke
Hier ein HTML-Stückchen:
<table border='0' width='33%'>
<tr>
<td>
<p style='align:center'><img border='0' src='http://......./bild1.png' alt='bild1'></p>
</td>
</tr>
<tr>
<td>
<p style='align:center'><img border='0' src='http://......./bild2.png' alt='bild2' width='75%' height='75%'></p>
</td>
</tr>
................
<tr>
<td>
<p style='align:center'><img border='0' src='http://......./bildn.png' alt='bildn' width='75%' height='75%'></p>
</td>
</tr>
</table>
Hi!
ich habe verschiedene Bilder (PNG), die ich alle auf der Homepage auf z.B. 75% der Originalgröße verkleinern möchte.
Dann solltest du das auch tun.
Ich meine damit: Wirklich verkleinern, anstatt die Bilder nur kleiner anzeigen zu lassen.
Warum zwingst du den User, mehr Daten zu laden als unbedingt nötig?
Lade die Bilder in ein Grafikprogramm wie Photoshop und verkleinere sie deinen Wünschen entsprechend.
Steht dir kein Photoshop zur Verfügung, dann nutze das freie und kostenlose GIMP. Dies ist für fast jedes Betriebssystem zu bekommen.
Wenn es sich bei deinen Bildern um Fotos handeln sollte, dann nutze beim Verkleinern möglichst die "(bi)kubische Interpolation" (Nennt sich so. Obwohl du beim Verkleinern ja genaugenommen Pixel extrapolierst, also herausrechnest).
Damit wirst du vermutlich die besten Ergebnisse erzielen.
Bei diesen Dateien und der Verkleinerung ist das mit der Dateigröße vielleicht noch erträglich.
Aber du solltest trotzdem bedenken, daß nicht alle Leute über eine Flatrate verfügen und eine DSL-Verbindung oder Schnelleres nutzen.
Bei Leuten, die mit ihrem Handy ins Netz gehen, zählt sicherlich (fast) jedes Byte.
Also mach deine Bilder wirklich kleiner, bevor du sie ins Netz stellst.
BTW: Vor einiger Zeit hat jemand bei uns in der Agentur riesige Bilder auf einer Website eingebunden.
Auf der Site waren ca. 20 JPEGs, die alle eine Dateigröße von ca. 10 bis 20 MB hatten.
Da die Dinger mit Hilfe von HTML-Attributen auf ca. 100 x 100 Pixel runterskaliert wurden, viel mir erstmal gar nicht auf, um was für Riesen es sich da handelte.
Ich habe mich nur gewundert, warum es so lange dauert, bis die Seite geladen wurde und dachte erst, es würde an meiner Verbindung liegen...
Ja... Das waren die professionellen Webdesigner bei mir in der Agentur... :-)
Nun passiert folgendes, für mich Unerklärliches.
Wenn ich dem ersten der Bilder keine Größenangaben mache, sind die nachfolgenden offensichtlich richtig verkleinert.
Sobald ich dem ersten Bild ebenfalls eine Größenangabe gebe, werden alle nachfolgenden Bilder kleiner.
Und welcher Browser verhält sich so?
Du mußt schon etwas genauere Informationen liefern, wenn man dir bei deinem Problem helfen soll.
Schau dir bitte mal die Tipps für Fragende an.
Schöner Gruß,
rob
zum verkleinern reicht ein kleines Tool wie IRFANVIEW allemal aus. Das fette GIMP wuerd ich dafuer nicht installieren.