Grafiken werden in der falschen Farbe dargestellt

[luiggi]

Hallo,
ich wolte bei meiner Webseite von dem eckigen Kasten etwas weg.
Dazu habe ich einen Screenshot gemacht, im Grafikprogram die Farben eingelesen (waren die gleichen wie ich in der CSS angegeben hatte),
dann hab eich mir einen Kriesi erstellt, den geviertelt und in die Ecken verteilt. Soweit so gut, das hat ja geklappt,
nur leider macht das Grafikprogram aus der Farbe #808080 die Farbe #949494 (beider grau).
Leider ist das zweiteGRau heller, so sieht man dann doch sehr deutlich die nachgefügten Ecken.
Woran kann das liegen?
Ich habe die Grafiken nochmal nachgefärbt, nix.
Ich habe sie mal als Web optimiert, mal nicht abgespeichert.
Da ich mich in Grafikprogrammen nicht auskenne, wollte ich mal hier ragen, ob einer eine Lösung für mich hat.
Schönen Abend
Stefan

[Mathias Bigge]

Hi luiggi,

Woran kann das liegen?

Am Grafikprogramm. Welches benutzt Du?

Viele Grüße
Mathias Bigge

[luiggi]

Hi,
ich verwende den Photoshop.
Mache ich was beim speichern falsch? (das verute ich ja, aber alle bisherigen Versuche hatten immer das gleiche Ergebnis)
Stefan

[maz]

Mache ich was beim speichern falsch? (das verute ich ja, aber alle bisherigen Versuche hatten immer das gleiche Ergebnis)

wenn Du als GIF speicherst, bedenke die Anzahl der Farben, Du kannst einstellen ob ein GIF mit 2, 4, 8, ... bis zu 256 Farben erstellt werden soll. Evtl. hast Du zuwenig Farben "erlaubt", um den gewählten Farbton auszugeben.

[Zeromancer]

Hallo,

Evtl. hast Du zuwenig Farben "erlaubt", um den gewählten Farbton auszugeben.

meine Frage jetzt, ob es nicht egal wäre, da es sich eh nur um zwei Farben handeln dürfte:

• die gewünschte Hintergrundfarbe
• die transparente Farbe

Spielt hierbei vielleicht die Begrifflichkeit "websichere Farben" eine Rolle?

Mit freundlichen Grüßen

André

[maz]

da es sich eh nur um zwei Farben handeln dürfte:

• die gewünschte Hintergrundfarbe
• die transparente Farbedann

sollte auch so gehen. Testen kannst Du es ja mal, wenn Du mit den vollen 256 Farben ein GIF erstellst.

Spielt hierbei vielleicht die Begrifflichkeit "websichere Farben" eine Rolle?

je nach Grafikkartentyp und damit angezeigter Farbauflösung (256, 65.000, 16 oder 32 bit) ist man mit den websicheren Farben auf der sicheren Seite, da diese auch von den einfachsten Systemen mit nur 256 Farben richtig dargestellt werden. Wenn Dein Computer aber mehr als 256 Farben anzeigt, solltest Du entsprechende Zwischentöne auch bie Dir erkennen.

[Zeromancer]

Hallo maz,

Wenn Dein Computer aber mehr als 256 Farben anzeigt, solltest Du entsprechende Zwischentöne auch bie Dir erkennen.

Desktop: Rechte Maustaste/Eigenschaften/Einstellungen/

ups, nur 256 Farben und keine Möglichkeit dies zu ändern. Da kann ich wohl nicht mithalten. ;-)

Mit freundlichen Grüßen

André

[maz]

ups, nur 256 Farben und keine Möglichkeit dies zu ändern. Da kann ich wohl nicht mithalten. ;-)

wo mithalten?
Ich wollte doch nur eine Vermutung abgeben, warum ein bestimmter Farbton evtl. nicht dargestellt wird.

[Zeromancer]

Hallo,

wo mithalten?
Ich wollte doch nur eine Vermutung abgeben, warum ein bestimmter Farbton evtl. nicht dargestellt wird.

war doch nur Spaß. ;-)

Mit freundlichen Grüßen

André

[maz]

war doch nur Spaß. ;-)

Sorry, bin wohl übersensibel - gutes Anzeichen fürn Feierabend! ;)

[luiggi]

Hallo,
wenn ich das Baild unter speichern unter speichere, dann kommt keoine Auswahl der FArbtife (oder wie ma das nennt).
Nur wenn ich für Web speichern nehme, dann kommt:
Einstellung: unbennat
Eigene (???)
kein Dither
Transparenz: ja
Interlaced: nein
Lossy: 0
Farben: 8
Hintergrund: ohne
Web Ausrichtung: 100%

So, mehr kommt nicht, habe jetzt auch einiges probiert (lider weiß ichnicht mehr alles, deshalb nur die aktuellen Angaben...)

Wäre echt gut, wenn mir da einer helfen kann, sonst mus sich doch die farben in CSS ändern....
Wie es im Moment aussieht auf meiner HP < http://www.stefan-luger.de>
Stefan

[Detlef G.]

Hallo Stefan

Wie es im Moment aussieht auf meiner HP http://www.stefan-luger.de

Dann nimm fürs erste diese Ecken.

Bitte schau dir mal  deine Seite im Lynx Viewer an.

Auf Wiederlesen
Detlef

[luiggi]

Hallo Detlef,
vielen Dank für die ecken.
Bin ic zu blöd dazu? Ist jakaum zu fassen.
Mit was erstellst Du die?

Was ist der Lynx Viewer?
Er scheint kein CSS darstellen zu können.
Ah, ein text Browser. Dafür sieht es gar nicht so schlecht aus.....
Irgendwelche Tipps, wie es aussehen sollte?

Vielen Dank nochmal für die Ecken, jetzt sieht das doch gleich besser aus....
Stefan

[Detlef G.]

Hallo Stefan

Bin ic zu blöd dazu?

Möchtest du darauf eine Antwort? ;-)

Mit was erstellst Du die?

Ulead PhotoImpact (8er Version), da ich Photoshop hier nicht zur Verfügung habe.

Ich kann schlecht nachvollziehen, worin dein Fehler bestand.
Normalerweise geht das mit Photoshop mindestens genauso gut.

Was ist der Lynx Viewer?

Er zeigt dir, wie deine Seite in Lynx aussehen würde.

Irgendwelche Tipps, wie es aussehen sollte?

Stelle dir vor, ein Screenreader würde genau das vorlesen, was dort
angezeigt wird.

Meinst du "ecke_ol_blau, ecke_ul_blau, ecke_or_blau, ..." ist für deinen
Seitenbesucher interessant?

Desingelemente sollten mittels CSS als Hintergrund eingebunden werden.
Wenn du die Ecken als <img ...> einfügst, dann zumindest mit leerem
Alt-Attribut (alt="").

Auf Wiederlesen
Detlef

[luiggi]

Hi Detlef,

Bin ic zu blöd dazu?
Möchtest du darauf eine Antwort? ;-)

Naja, verdient habe ich es, zu blöd eine richtige Farbe abzuspeichern.....

Stelle dir vor, ein Screenreader würde genau das vorlesen, was dort
angezeigt wird.

Meinst du "ecke_ol_blau, ecke_ul_blau, ecke_or_blau, ..." ist für deinen
Seitenbesucher interessant?

Desingelemente sollten mittels CSS als Hintergrund eingebunden werden.
Wenn du die Ecken als <img ...> einfügst, dann zumindest mit leerem
Alt-Attribut (alt="").

Die Alt Attribute habe ich extra erstellt, da man diese erstellen soll. An das einfügenals Hintergrund habe ich nochnciht gedacht, muss das mal probieren.
Für den Screenreader (z.B. Google Robot) habe ich extra die Überschrift als h1 definiert, was mich auch wieder Nerven gekostet hatte..... Aber ein guter Tipp, um zu sehen, wie die Seite ohne den ganzen Schnickschnack aussieht....
Stefan

[luiggi]

Habe die Lösung für mein Problem gefunden (denke ich, da es jetzt het)
Im Photoshop waren die Farben auf "indiziert" gestanden. Habe keine HAnung, was das ist und warum es so eingestellt war, jetzt habe ich es auf RGB geändert, jetzt kann ich in der gewünscten Farbe abspeichern.

Und: wie Detöef es vorgeschlagen hat, sind jetzt alle Ecken als Hintergrund Bild. Vielen Dank.

Schöne Grüsse
Stefan

[Detlef G.]

Hallo Stefan

Und: wie Detöef es vorgeschlagen hat, sind jetzt alle Ecken als Hintergrund Bild.

So ist es schon besser.

Schau dir deine Seite mal im Mozilla an, dort ist das Menü verschoben.
Und dann vergrößere mal die Schrift.

Auf Wiederlesen
Detlef

[luiggi]

Hi Detlef,
(diesmal sogar der Name richtig, ich werde immer besser...)

die Navi ist im IE und im Mozilla verschoben. Warum weiss ich nicht, entweder im Opera in der Mitte oder bei den anderen beiden. Da muss ich noch nachforschen.

Mit der Schrift vergrössern:
Das weiss ich auch, aber das schiebe ich noch etwas vor mir her.
Muss die px angaben auf em umstellen oder so. Aber zum entwicklen tue ich mirmit den px leuchter, da kann ich dann besser rechnen.
Zudem vergrössere ich im Opera immer die ganze Seite, das mit der Schriftgrössenänderung habe ich erst hier mit bekommen.
Aber wie gesagt, wird dauern, wenn überhaupt. Meine voraussichtlichen User werden hauptsächlich mit dem IE ankommen, zudem auch kaum die Schriftgrösse önder. Aber, mal sehen..
Was hälst Du von meinen Seitenelementen? Zuviel gebogenes oder okay?
Stefan

[Detlef G.]

Hallo Stefan

Was hälst Du von meinen Seitenelementen?

Viel zu pixelig.

Zuviel gebogenes oder okay?

Für meinen Geschmack zumindest zu stark gebogen.

Auf Wiederlesen
Detlef

[luiggi]

Hi,
kann ich da irgendwie die Kante weicher zeichnen? Oder es irgendwie weniger pixelig machen?

War nur so ein Versuch. War gerade beflügelt, da ich endlich die FArben richtig speichern konnte, da wollte ich gleich weiter machen.
Was aber dumm war, hätte ich aufgehört, hätte ich das Gefühl des Sieges gehabt, so war es wieder eine Teilniederlage.....

Stimmt, die Biegung ist etwas zu viel, evtl. kommt da noch ein Element dazu, um die mal zu unterberchen....
Stefan

[Detlef G.]

Hallo luiggi

Die Alt Attribute habe ich extra erstellt, da man diese erstellen soll.

Das Alt-Attribut ist Pflicht, es sollte genau das enthalten, was ein
Seitebesucher lesen/hören soll, genau das, was für ihn wichtig zu wissen ist,
wenn er die Grafik nicht sehen kann.

Bei einer Dekografik also ein leeres Attribut alt="". Alles andere wäre in
diesem Fall eher irreführend, wie z.B. auch der Dateiname der Grafik, der
eventuell angezeigt/vorgelesen würde, wenn kein Alt-Attribut vorhanden ist.

Beim Logo einer Firma ist alt="Logo" auch ziemlich sinnfrei, besser wäre da
als Alt-Text der Name der Firma.

Auf Wiederlesen
Detlef

[Mathias Bigge]

Hi luiggi,

ich verwende den Photoshop.

Wie gehst Du vor? In welchem Format speicherst Du?

Viele Grüße
Mathias Bigge