Supportnet / Forum / Webseiten/HTML

Wie schaff ich das??? Ich kann das ganze glätten aber dan sieht es verschwommen aus! mfg Arthur

ich gehe davon aus, dass du die Linien meinst, die du in einem Grafikprogramm erstelst. Versuche dann die Ursprungsgrafik in einer höheren Auflösung (min. 200 DPI) zu erstellen. Und hinterher natürlich wieder runterrechnen. Oder mach dielinie ein bischen dicker.

mfg

thilo

Grundsätzlich erscheint eine Schräge Linie immer etwas pixelig. Wie sehr der Effekt auffällt, hängt von der Auflösung und vom Winkel der Linie ab. Waagerechte und senkrechte Linien erscheinen nicht pixelig. Je größer der Winkel der Linie zur senkrechten und waagerechten ist, desto weniger fallen die Pixel auf. Am extremsten wird es, wenn das eine Ende der Linie nur um wenige Pixel höher oder tiefer, bzw. weiter rechts oder links ist, als das andere. Der Effekt läßt sich verringern, wenn man dafür sorgt, daß das Bild mindestens die maximale Monitorauflösung hat. Damit meine ich natürlich nicht die Auflösung, die du an deinem Monitor maximal einstellen kannst, sondern die Auflösung des größten Monitors der Betrachter. Das ist wahrscheinlich 1600•1200 Pixel beim Vollbild. Bei einem Gif ist die Bildgröße relativ unwesentlich. Ein GIF von 1600•1200 Pixel, das eine schwarze Linie auf weißem Hintergrund darstellt, hat nur 7,4 KB. Bei einem JPG oder bei einem GIF, das viele verschiedene Farben, die nicht großflächig verteilt sind, ist diese Methode nicht machbar, weil die Dateigröße, und damit die Ladezeit, ins unermeßliche steigt.

Hi,
die Treppen in Linien haben weniger was mit der Auflösung zu tun.
Der Effekt nennt sich Aliasing. Eine Funktion in deinem Grafikprogramm - Antialiasing genannt - fügt in die "Treppen" der Linie einen Farbton ein, der eine Mischung aus der Linien- und der Hintergrundfarbe ist.
Die Lösung heißt also: Antialiasing einschalten.

MfG
Clemens Weiß
www.webplain.de

@Clemens: Man kann durch HTML beim User kein Antialiasing einschalten. Da die Frage in der Rubrik HTML steht, nehme ich an, daß er was anderes meint als du ;-)

@Friedel:
Wenn es aber doch um eine Grafik geht, da wird das Antialiasing beim Erstellen schon verwendet und nicht erst beim Anzeigen auf dem Userrechner.
In HTML lassen sich ja keine Linien erstellen (außer mit hr, aber das fällt in dem Fall ja raus).

MfG
Clemens Weiß
www.webplain.de

@Clemens: Ach so, das meinst du. Das geht natürlich, aber dadurch wird die Linie unscharf. Bei GIFs mit großen gleichfarbigen Flächen wird dadurch auch die Dateigröße viel größer. Bei JPGs isses sinnvoll, obwohl man davon nix mehr merkt, wenn man die Komprimierung hoch genug macht (dadurch wird es natürlich auch unscharf).

Sorry, weis auch net wieso ich das in HTML gepostet habe. Also wisst ihr ausnahmsweise mal nicht mehr als ich.

Lösung: keine schräge Linien ;)

mfg Arthur

Hi,
doch, Antialiasing is schon die Lösung, die du brauchst. Natürlich wird die Datei etwas größer, aber im Idealfall kommt ja nur eine Farbe dazu.
Das ist immer noch besser, als so pixelige Grafiken zu haben.

MfG
Clemens Weiß
www.webplain.de

Durch Antialiasing des GANZEN Bildes wird der Text oberhalb totall verschwommen! Das ist auch nicht gerade das gelbe vom Ei.

mfg Arthur

Hi,
Antialiasing des ganzen Bildes?
Das hab ich ja noch nie gehört... Ich meinte eigentlich, dass du beim Erstellen der Grafik, also vor dem Ziehen der Linie in den Werkzeugeigenschaften Antialiasing einstellst.
Wenn das Bild schon fertig ist und du eine Linie nachträglich etwas entschärfen willst, kannst du ja mal das Retuschierwerkzeug ausprobieren und damit nur den entsprechenden Teil bearbeiten.
Welches Grafikprogramm nutzt du denn?

MfG
Clemens Weiß
www.webplain.de

• Texte und Links blinken lassen
• Umlaute werden komisch angezeigt!
• Werbung in IFrame
• Wie mache/bekomme icheine eigene Seite?
• Seiten ohne Frames einbinden