Zum Inhalt springen
View in the app

A better way to browse. Learn more.

Fachinformatiker.de

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

NEWBIE FRAGE: Hintergrundfarben von Grafiken

Empfohlene Antworten

hallo,

hab folgendes Problem:

wenn ich eine Hintergrundfarbe wähle in meinem HTML Dokument ( alles ausser weiss und schwarz ) und dann eine Grafik einfüge mit der selben Farbe als Hintergrund unterscheiden sich beide trotzdem im Farbton obwohl es die selbe Farbe ist ( d.h. der selbe Hex Code ).

Wie kann ich dieses Problem lösen?

Also abgesehen davon, dass ich das nicht glaube, dass zwei identische Hex-Farbwerte sich voneinander unterscheiden (es sei denn, die Grafik verwendet Nicht-Webfarben), könntest du dir von der Grafik einen 1 Pixel breiten und 1 Pixel hohen Ausschnitt machen und diesen als Background-Grafik in das Html-Dokument einbinden - ist dieselbe Grafik, dieselbe Farbe und verbraucht nicht so viel Ladezeit, da bloß 1x1 Pixel.

CU

nein das bringt mir nichts. Ist folgende Situation:

Ich hab links eine Grafik als Hintergrund die das Menü darstellen soll. Mit Photoshop hab ich die Grafik gemacht und als Hintergrundfarbe 3399ff genommen. Wenn ich das Hauptframe mit dieser Hintergrundfarbe versehe ist sie ein wenig dunkler egal was ich mache...

und in 1x1 Pixel zerstückeln geht auch nicht, weil ich das Menü ja komplett brauche.

Originally posted by Lunxx

nein das bringt mir nichts. Ist folgende Situation:

Ich hab links eine Grafik als Hintergrund die das Menü darstellen soll. Mit Photoshop hab ich die Grafik gemacht und als Hintergrundfarbe 3399ff genommen. Wenn ich das Hauptframe mit dieser Hintergrundfarbe versehe ist sie ein wenig dunkler egal was ich mache...

und in 1x1 Pixel zerstückeln geht auch nicht, weil ich das Menü ja komplett brauche.

Also: Du hast links ein Menü-Frame und rechts dein Hauptframe.

Meine Idee war: Du kopierst von dem, was den Hintergrund des Menüs darstellen soll, einen 1x1 Pixel großen Bereich. Diesen speicherst du als Extra-Bild. Dieses Bild bindest du als Hintergrund via "background img" im Body-Tag des Hauptframes in das Hauptframe ein.

Dein Menü links bleibt also heile. Es wird nur der 1x1 Bereich des Mini-Hintergrundbildes tausendfach vom Browser im Hauptframe als Hintergrund gesetzt, und stellt so 100% die Farbe deines Hintergrundes dar.

Jetzt klarer geworden?

@ Tachyoon

Es geht schon das zwei identische Hexwerte eine unterschiedliche Farbe ergeben, ich hatte

das in verbindung mit Flash. Trotzdem beide Farbwerte exakt identisch waren , ergaben

sich 2 unterschiedliche Farben (auch ohne Komprimierung des Films).

Das geht schon obwohl es eigentlich nicht sein dürfte, schon klar.

Welches Format hat das Bild denn? JPEG oder Gif?

Bei JPEG wirst du wohl nie genau die selbe Farbe wie im Hintergrund erreichen, da das Format die Farben leider verfälscht - da hilft höchstens, die Hintergrundfarbe des JPEGs auch mal prüfen und die Seitenfarbe darauf anpassen...

Bei GIF könnte es sein, daß das Bild in Photoshop insgesamt zu viele Farben hat und so einige beim Optimieren wegfallen bzw durch ähnliche ersetzt werden. Allerdings sollte das bei Farben, die sehr viel verwendet werden nicht vorkommen... - ansonsten einfach das GIF transparent machen - fertig!

Ansonsten kann das ganze nur noch an dem entsprechenden Bildschirm oder der Grafikkarte liegen - meine noch im Aufbau befindliche Website (www.freeqnet.de/test) hat das Problem teilweise (aber sehr selten) auch - die Buttons etc haben eine minimal andere Hintergrundfarbe. Kann mir aber nicht wirklic erklären, woran's liegen könnte...

es ist einfach so, das der Internet Explorer den Farbwert vielleicht ein bisschen anders darstellt... so wird z.B. dein Hex-Wert auf einem Mac heller oder dunkler als auf einem Pc dargestellt... der vorschlag mit dem 1px hintergrundbild klappt aber hundertpro...

gReEtz

dAn

Archiv

Dieses Thema wurde archiviert und kann nicht mehr beantwortet werden.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.