Grafik in Phase5 einfügen, Qualität der Grafik schlecht Einstellungen

[juser]

Mit Paint habe ich eine Grafik konzipiert und als jpg-Datei abgespeichert. Diese Grafik (Organigramm) habe ich dann mit img-Tag in Phase5 eingefügt. Gegenüber dem Original ist die Grafik aber in der Vorschau und im IE7 ebenso in Firefox reichlich unscharf bei Schrift und Rahmen.
Lässt sich das nicht verbessern???
juser

[Peter Gedamke]

wäre so aus dem 'Bauch heraus' auch rascher nachzuvollziehen, könntest du deine Angaben in px und nicht in cm angeben

[juser]

wäre so aus dem 'Bauch heraus' auch rascher nachzuvollziehen, könntest du deine Angaben in px und nicht in cm angeben

:top:

Hallo, Peter,
erstmal Dank für Deine Unterstützung.
Also: Die Grafik-Fassung, die ich oben erwähnt habe und die mich nach Einbau in P5 zufriedenstellt, was die "Schärfe" betrifft, hat folgende Daten:
1419x946 px, Auflösung 300 px/Zoll, Breite 12,5 Höhe 8 cm; in P5 habe ich dieses Organigramm im img-Tag eingebaut mit einer Breite von 700 px.

Nach Deinen Bedenken wegen der Größe der Datei (161 KB) habe ich versuchsweise die Kompression verändert und eine Auflösung von 200px/Zoll gewählt. Das ergab bei 12,5x8 cm 945x630px. Diese Datei ist nur noch 83 KB groß.

Im Vergleich zur ersten Fassung mit 300px Auflösung ist jedoch im Browser wieder ein Qualitätsverlust festzustellen. Ich denke, ich bleibe bei den 300px und 161 KB, weil ich meine, dass bei der steigenden Verbreitung von DSL-Anschlüssen ein 161 KB-Bild/Grafik keine Übertragungsschwierigkeiten mehr bereiten sollte.
Gegenargumente??
Gruß
juser

[Thomas]

Die Grafik-Fassung, die ich oben erwähnt habe und die mich nach Einbau in P5 zufriedenstellt, was die "Schärfe" betrifft, hat folgende Daten:
1419x946 px, Auflösung 300 px/Zoll, Breite 12,5 Höhe 8 cm; in P5 habe ich dieses Organigramm im img-Tag eingebaut mit einer Breite von 700 px.

Für die Darstellung auf dem Bildschirm ist lediglich der erste Wert interessant (1419px * 946px). Die Grafik wird vom Browser dann genau so dargestellt, wie du sie bei dir in der Bildverarbeitung in der Originalgröße siehst.

Etwas anderes ist es, wenn du die Grafik vom Browser skalieren lässt. Also z. B. oben genannte Grafik mit einem IMG-Tag folgendermaßen einbindest: <img src="..." width="700">. Dann wird immer noch die Grafik in ihrer ursprünglichen Größe heruntergeladen, aber dann für die Anzeige verkleinert. Das kann gut gehen, es kann aber auch in die Hose gehen. Deshalb immer, soweit nicht wirklich gute Gründe dagegen sprechen, die Grafik in der Größe auf den Server stellen, die dann auch dem IMG-Tag mitgegeben wird.

Im aktuellen Fall also einfach die ursprüngliche Grafik nehmen und auf 700px Breite verkleinern (Kompression und Auflösung lass einfach unverändert). Du kannst dann direkt in deiner Bildverarbeitung sehen, ob es gut aussieht oder nicht (und wenn ein Browser es gut auf diese Größe skalieren kann, sollte es ein Bildverarbeitungsprogramm erst recht können). Diese Grafik auf den Server und z. B. mit <img src="..." width="700"> einbinden.

Was du momentan machst, ist äquivalent dazu, einen vollen Eimer Wasser durch die Gegend zu schleppen (1419px * 946px), um dann am Ziel festzustellen, dass du nur etwas weniger als ein Viertel vom Wasser brauchst (700px * 467px) und erst dann dreiviertel vom Wasser auszuschütten.

Falls du Probleme beim Verkleinern hast, poste einfach mal die Grafik.

[edit: Pünktchen ergänzt]

Der Beitrag wurde von Thomas bearbeitet: 23.07.2007 - 15:54