Problem: Grobpixelige Grafik-Anzeige in Browsern

Tantalizer · Neuer [**User**] Anmeldung: 28.11.07 Beiträge: 2

Hallo,

mein Problem ist, dass eine Grafik, die ich für meine Homepage verwende, in diversen Browsern arg pixelig angezeigt wird.

Es handelt sich um ein Foto von mir, dass einer meiner Freunde gemacht hat. Ich habe es leicht nachbearbeitet. Das Foto hat für meine Begriffe im Original gute, eher sehr gute Qualität. Nun hat es als JPEG 1800x1800 Punkte und eine Größe von 1,53 MB. Da ich es auf dem Bildschirm aber deutlich kleiner anzeigen will, habe ich es zuerst direkt in HTML, dann auf gleichem Weg im Dreamweaver und schließlich per Resize/ Resample in IrfanView verkleinert auf zuletzt 144x144.

Dabei tritt jedes Mal das gleiche Phänomen auf, nämlich dass die derart verkleinerte Grafik pixelig und grobporig aussieht, und dies schon unmittelbar im Dreamweaver. Teste ich die Internetseite dann im Opera-Browser ist die Qualität auf einmal wieder sehr gut, quasi so wie vor der Verkleinerung des Bildes - Opera scheint also nachzuhelfen. Im Internet Explorer und Netscape Navigator ist das Bild wiederum ebenso pixelig wie im Dreamweaver.

Meine Frage: Wie kann ich das Bild ohne gravierende Qualtätsverluste verkleinern? Gibt es da eine Möglichkeit? Nachbearbeiten könnte ich z.B. in Gimp, aber momentan weiß ich mir keinen Rat.

Ich bin für jeden Hinweis dankbar!

chris1988 · Bekannter [**User**] Anmeldung: 12.12.05 Beiträge: 1644

Öffne das Bild mal in Gimp und verkleinere es auf exakt(!) die Größe, die es auf der Webseite auch haben soll. Dann auch mit exakt diesen Werten einbinden.

Das <img>-Tag erlaubt es, Bilder verkleinert, gestaucht und/oder gestreckt anzuzeigen. Wirklich so anzeigen tun es aber letztlich die Browser - und bei denen nutzt jeder eine andere Technik.
Prinzipiell kommt es daher zu Problemen, wenn eine Grafik mit andern Größe-Parametern eingebunden wird, als die Grafik tatsächlich hat.
Deswegen am besten immer mit einem Grafikprogramm öffnen und verkleinern (Gibt auch Skripts für sowas, auch IrfanView hat eine Batchkonvertierung für mehrere Bilder gleichzeitig - aber auch da müssen die richtigen Einstellungen vorgenommen werden, sonst wird's wieder pixelig).

Bei einem Bild ist das ja auch kein großer Aufwand Winken

Schönen Gruß,

chris

Tantalizer · Neuer [**User**] Anmeldung: 28.11.07 Beiträge: 2

Es hat geklappt, vielen Dank! Die Grafik wird nach dem Skalieren in Gimp auch in anderen Browsern in sehr guter Qualität dargestellt. Was mich nur wundert: Ist es bei allen Programmen zur Grafikbearbeitung so, dass ich beim Skalieren immer gleiche Werte wie etwa 161x161 angeben kann, nicht aber zum Beispiel 161x150? Jedenfalls sehe ich bei Gimp diese Möglichkeit nicht, was ich etwas bedauerlich finde. Nun ja, trotzdem sieht das Bild so gut aus.

TNDAriakas · Verfasst am: 01.12.2007, 02:15 Titel:

Schalt einfach das Seitenverhältnis aus....bei gimp war es glaube icch einfach auf das Kettenglied neben den zahlen anklicken...oder wars photoshop.....hmmm auf jedenfall kann man es in dem rescale dialog ausschalten....einfach mal ein bisschen rum klicken und schauen was passiert.

benjam4 · Verfasst am: 01.12.2007, 15:52 Titel:

Das ist bei GIMP dieses Kettensymbol, wenn du einmal draufklickst, siehst du zwei einzelne Kettenglieder, dann kannst du auch unterschiedliche Werte angeben.

Diese Funktion ist, das sich das Seitenverhältnis nicht aus versehen verschiebt, sondern nur wenn man es wirklich ändern will.