Sind "websichere" Farben immer noch wichtig?


62

Vor Jahren wurde Webdesignern immer dringend empfohlen, nur websichere Farben zu verwenden.

Wurden Studien durchgeführt, um festzustellen, ob dies immer noch der Fall ist? Wenn ja, wie lautet die Antwort?

Kennt jemand eine Studie oder einen Bericht, der dies abdeckt, oder hat er einen Verweis darauf?


Ich bin mir nicht sicher, ob es jemals wirklich websichere Farben gab (eine Reihe von Farben, die auf einer 256-Farben-Plattform immer ohne Dithering wiedergegeben werden konnten). Zumindest nicht der Klassiker 216.
e100

Bearbeiten: Hier ist ein Artikel aus dem Jahr 2000, der darauf hinweist, dass es erhebliche Probleme mit der klassischen 216-Farben-Palette gab, insbesondere bei 16-Bit-Systemen: physics.ohio-state.edu/~wilkins/color/websafecolors.html
e100

Antworten:


53

Meistens brauchen Sie sich keine Sorgen zu machen. Eine außerordentlich große Mehrheit der Besucher einer Site kann heutzutage mehr als 256 Farben unterstützen.

Wenn es aus irgendeinem Grund wahrscheinlich ist, dass Ihre Nutzerbasis einen höheren Anteil an Mitgliedern aufweist, die Systeme aus den frühen 90er Jahren verwenden, sollten Sie dies in Betracht ziehen. In jedem typischen Szenario ist dies jedoch kein Problem mehr.

Die Anzeigestatistik des Browsers w3schools zeigt, dass im Januar 2010 noch 0% der Internetnutzer bei 256 Farben waren


13
Was ist das für ein Gespräch über Farben? Ich benutze immer noch Monochrom!
Mateen Ulhaq

"Zu meiner Zeit mussten wir den Bildschirm mit Weiß ausstatten!"
Kaji

4
Und jeder Benutzer, der immer noch ein 256-Farben-Display verwendet, ist wahrscheinlich (a) sehr an eine schlechte Farbwiedergabe auf der ganzen Linie gewöhnt. oder vielleicht (b) haben Sie es umgangen, indem Sie beispielsweise die Anzeige von Websites in schwarzem Text auf weißem Hintergrund erzwungen haben.
e100

@Kaji Nein, das warst nur du.
Sylverdrag

2
W3schools.com ist keine repräsentative Website für Browserstatistiken: Sie richtet sich an Webentwickler und zieht viele Entwickler an, die mit größerer Wahrscheinlichkeit einen Bildschirm mit höherer Auflösung und mehr Farben als andere Benutzer haben (außer natürlich Grafikdesigner). Man kann jedoch davon ausgehen, dass heutzutage normale Benutzer Grafikkarten verwenden, die in der Lage sind, viele Farben in hoher Auflösung zu erzeugen.
Marcel Korpel

17

Kurze Antwort:

Nein.

Lange Antwort:

Der durchschnittliche Benutzer hat eine Grafikkarte / einen Monitor, die / der "web-safe" ist kein Problem mehr.


8

In den frühen neunziger Jahren verfügten die meisten Grafikkarten (einschließlich derer auf SGI Indy-Grafikarbeitsplätzen im Wert von 20.000 GBP) nicht über genügend Speicher, um hochauflösende, farbechte Bilder zu rendern. Die Lösung bestand darin, 256 Farben zu verwenden, die mit einer Look-Up-Tabelle und Dithering-Algorithmen funktionieren.

Die 256 Farben der Nachschlagetabelle können jede der 2 ^ 24 Farben sein, die Sie mit einem modernen PC erhalten. Einige davon sind jedoch für das Betriebssystem reserviert. Typischerweise wurden 32-40 Farben für Fensterränder, Menütext und andere Bildschirmdekorationen verwendet, so dass 216 Farben für die Anwendung übrig blieben.

Bei PC-Anwendungen auf einem 8-Bit-Display kann jedes Fenster / jede Anwendung, insbesondere bei Unix-Workstations, einen eigenen Farbsatz haben. Dies kann dazu führen, dass die Farben von einem Fenster zum nächsten blinken - das ausgewählte Fenster würde gut aussehen, aber die Hintergrundfenster könnten etwas seltsam sein.

Als das Web mit dem Mosaic-Browser (und später mit Netscape) einherging, musste der Browser mit den anderen Anwendungen arbeiten und zeigte so viele Bilder, wie der Webdesigner auf der Seite enthielt. Diese können automatisch auf die 216 (6 x 6 x 6) "web safe" -Farben herunter gerastert werden. Natürlich können auch die anderen Seitenelemente (z. B. 'H1 - H6') auf die 216 Farben heruntergerechnet werden, die in der Palette verfügbar sind.

Wenn man sich nicht an die 216 "web safe colors" (die jeder Browser rendern kann) hält, sind die Ergebnisse unvorhersehbar, und ein subtiles Rot wird möglicherweise als unsubtiles Rot gerendert -Farbe kam für die meisten PCs Mitte der neunziger Jahre auf den Markt, was die Sicherheit des Internets weniger problematisch machte. 16-Bit-Bildschirme verwendeten jedoch weniger Bits für jede Farbe als eine Nachschlagetabelle, wie dies bei 8-Bit-Farben der Fall war. 5 Bits für jede der roten, grünen und blauen Komponenten ergaben eine Annäherung an die wahre Farbe, was jedoch nicht wirklich der Fall war. Ein gegebener RGB-Wert, z. B. #ABCDEF, würde nicht exakt als #ABCDEF gerendert, sodass "web safe" immer noch eine gewisse Relevanz hatte, wenn die Farben von PC zu PC gleich sein sollen.


8

Als das Internet (und die Computer) neu waren, hatten Bildschirme nicht die Farbunterstützung, die sie derzeit haben. Wir haben jetzt 24- oder 32-Bit-Farben, bei denen wir früher nur 8-Bit-Farben hatten.

Da einige Computer bestimmte Farben nicht anzeigen konnten (nur 256 (2 ^ 8)), versuchte der Computer, wenn eine Farbe verwendet wurde, die nicht zu diesen websicheren gehörte, die Farbe anzuzeigen, die der Farbe am nächsten war (manchmal auch war wirklich weg).

Jetzt müssen wir uns keine Sorgen mehr machen, wir haben Bildschirme, die Tausende oder Millionen von Farben anzeigen können, sodass die websichere Palette etwas veraltet ist (etwa fünfzehn Jahre).


16-Bit-Farbe ist 2 ^ 16 = 65536 Farben. Es ist nicht 16x16. Was Sie wahrscheinlich meinen, ist 8-Bit-Farbe. Das ist 2 ^ 8 = 256.
Vaibhav Garg

2

Etwa 99% der Menschen verwenden Monitore / Handys mit 24-Bit- oder 32-Bit-Anzeige. Dithering tritt bei diesen nicht auf (es kann immer noch bei einer 16-Bit-Anzeige auftreten, aber es ist ungewöhnlich und verursacht einfach geringfügig längere Ladezeiten). In Bezug auf das Dithering ist dies also meistens kein Problem. Es gibt jedoch verschiedene Gründe, warum die web-sicheren Farben nützlich sind.

Sie bieten durchgehend unterschiedliche und kontrastreiche Farben, die sich für ein farbenblindes Publikum als nützlich erweisen, da sie die Chance haben, einem Teil die verschiedenen Farben zu erklären, verglichen mit der Verwendung der meisten anderen Paletten oder einer zufälligen Entscheidung Farben, die Sie für gut halten. Die Farben sind alle für CSS-Kurzcodes nützlich, dh sie codieren Farben mit nur 3 Zeichen anstelle von 6 (z . B. #663399können sein #639).


Ein großes Lob an die Zugänglichkeit für farbenblinde Zuschauer. Das heißt, es ist viel besser, sich die Mühe zu machen, präzise Farben auszuwählen, die für Deuteranope (und im Idealfall für Protanope) wirklich einen Kontrast darstellen, als nur zu hoffen, dass websichere Farben funktionieren. Ich würde vorschlagen, auf paletton.com eine benutzerdefinierte Palette mit aktivierter Simulation für "Deuteranopie" zu erstellen. (Wenn das zu entmutigend ist, sollte "Deuteranomaly" für die meisten von ihnen funktionieren.) Color Contrast Analyzer ist ebenfalls ein großartiges kostenloses Tool. Verwenden Sie nur die Farben Blau, Gelb, Grün, Magenta und Grau.
Jon Coombs

-2

Wenn Sie GIF-Bilder verwenden, gelten weiterhin web-sichere Farben, da diese auf 256 Farben beschränkt sind. Natürlich können diese Farben fast jede Menge von Farben sein, aber es können nur 256 in einem Bild sein.


2
Diese 256 Farben in der GIF-Palette müssen jedoch nicht die 216 web-sicheren Farben enthalten .
jensgram

Der Punkt ist mehr, dass, wenn Sie ein GIF (wegen der Größe möglicherweise) für einen Teil eines Designs (wie ein Logo) verwenden möchten, es besser ist, die Anzahl der Farben niedrig zu halten.
Darryl Hein

1
-1: das ist nicht relevant.
e100

1
Wahrscheinlich die meiste Zeit nicht relevant, aber ich kann mir Fälle vorstellen, in denen dies der Fall wäre. Wenn Sie in einer Situation wären, in der viele GIFs (oder große GIFs, die viele Inhalte kompilieren) eine konsistente Palette verwenden sollen, wäre dies eine gute Möglichkeit, dies zu tun, oder?
Jon Coombs
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.