Schrift ist nicht scharf

[supernofler]

Guten Tag zusammen!

Bei dem Versuch, Schriften für z.B. Banner oder Überschriften zu erstellen habe ich immer wieder das Problem, dass das ergebnis nicht richtig schön scharf gestellt ist. Das ergibt so schmierige Effekte, vor allem nach dem Einfügen in einer Website.

Dieses Beispiel zeigt einen ganz einfachen Text in Schrift verdana. Eingefügt als Text auf einem zuvor erstellten Pfad. Mit einer Umrandung sieht es noch schlimmer aus...

Muss man vielleicht die Texte mit einer ganz anderen Funktion erstellen, z.B. auf transparentem Hintergrund, und dann als Objekt eingefügen?

Ich wäre für jede Hilfe dankbar!

Grüße
Barbara

[supernofler]

Noch ein Shot als jpg

[Seramis]

Hallo,

hast du die Grafik pixelgenau eingefügt und die Maße auch so angegeben im html-text ?

Wenn die Grafik auch nur um ein paar Pixel verkleinert dargestellt wird wirds schon unscharf.

Ansonsten das Bild evtl. noch mal nachschärfen (alle anderen Elemente die zum Banner dazugehören dann evtl auch)

[supernofler]

Vielen Dank für die schnelle Antwort. Ja, habe ich.

Das mit dem Nachschärfen habe ich allerdings nicht gemacht. Ich versuche es.

Die Schrift hier oben im Forum Jürgens-Workshops Forum ist auch nicht ganz scharf... Vielleicht will ich etwas, was nicht möglich ist?

Mein Banner im Moment sieht nicht schön aus. Die Schrift habe ich mit Umrandung gemacht, allerdings mit Powerpoint, weil das Ergebnis mit PI noch schlechter war. Es ist aber alles etwas verpixelt. Ich lege die Grafik bei. Mir fehlt da die zündende Idee.

Gruß
Barbara

[supernofler]

Nein, auf dem screenshot sieht man das nicht gut.

Wenn Ihr Lust habt, könnte Ihr die url anschauen, Adresse als Grafik, sonst schnappen sich die Suchmaschinen mein Thread :-)

[Ebba]

Also ich find es eigentlich scharf genug...

[hsk]

Hallo Barbara,

dem Eindruck von Unschärfe lässt sich
auch rein optisch auf die Schliche kommen ;-)

Du brauchst für Schärfe einen größtmöglichen Kontrast
zwischen den aneinandergrenzenden Tonwerten.

Hintergrund graublau - Schrift hellgrau - Rand schwarz.

Das liegt alles recht dicht beieinander, zudem ist der Rand zu dünn, als dass er
als kontrastbringende Trennlinie zwischen Schrift und HG dienen könnte.
Er leitet praktisch "weich" von der Schrift zum HG über.

Schau Dir mal folgende Varianten an:

0273


1. Schrift weiß
2. Schrift hellgrau, Haarlinie weiß
3. Schrift weiß, Schatten schwarz
4. Schrift hellgrau, Haarlinie weiß, Schatten schwarz

Im dritten Beispiel hast Du den größten Kontrast,
und zwar an der Stelle, wo die reinweiße Schrift
an den schwarzen Schatten stößt.

Wäre vielleicht eine Überlegung wert,
wenn Du sonst keine Lösung findest. ;-)

Gruß,
Hans

[Seramis]

Jepp, schliesse mich Ebba an.
Schärfer geht nicht, es sei denn du nimmst bei der Schrift Reinweiss (ohne Transparenz),oder die Umrandung dunkler.... was dann aber wieder zuuuuu sehr ins Auge sticht.
Und ach ja, ich kenne das: online sieht es immer einen klitzekleinen Tick unschärfer oder dunkler aus ;-)

[Seramis]

Ja, der Hans hat es sogleich perfekt erklärt...
das was ich meinte, mit weiss und schwarz ;-)

[supernofler]

Ja, das kling einleuchtend!

Die Farbkontraste sind also entscheidend.
Mein blau ist wohl auch zu blass.

Ich finde Beispiel 3 jedoch wirklich ganz akzeptabel, deshalb werde ich es so versuchen. In der Beschreibung heiss es "Schatten"... soll ich also die Schatten- statt die Umrandungsfunktion verwenden?

Vielen Dank, dass Ihr Euch in der Mittagszeit mit meinem Problem beschäftigt .-)