Web Design: Reduzieren Bildgröße von Farben Begrenzung
Obwohl ein RGB System des Computers des Mischens über 16 Millionen verschiedene Farben geeignet ist, ist der Monitor nicht immer fähig Anzeige alle diese Farben. auch ein Bild, das all diese Farben enthält, kann sein eine größere Datei am Ende als für Web-Lieferung praktisch ist. Dies führt uns zu der Diskussion der Bildfarbtiefe, Farbpaletten und Monitor-Displays, die alle auf dem Gebiet wichtig sind, Websites zu gestalten.
EIN Bit ist ein kleines Segment der Computerinformationen. Ohne zu technisch, werden viele Bits benötigt Farben in einem Bild erscheinen zu lassen. Je mehr Farben, die ein Bild enthält, die mehrere Datenbits hat - also desto größer ist seine Bit-Tiefe.
Die Web-Bilder, die Sie produzieren wird letztlich ein wenig Tiefe mit ihnen verbunden haben, und verschiedene Web-Dateiformate erfordern unterschiedliche Anwendungen von Bit-Tiefe. Ein Computer verwendet 8 Bits von Daten 256 Farben zu zeigen. Jede der roten, grünen und blauen Primärfarben hat 256 Stufen. So bedeutet das, dass ein 8-Bit-Bild monoton ist, alle 256 möglichen Stufen von Rot zeigt? Die Antwort ist nein - ein 8-Bit-Bild verwendet einfach eine begrenzte Palette von bis zu 256 Farben. Diese Farben sind eine Teilmenge aller 16.777.216 möglichen Farben. Die Tabelle zeigt, Farbtiefe und die maximale Anzahl von Farben, die jeweils in ihrer Palette haben.
| bit-Tiefe | Die Mathematik | Anzahl der Farben in der Palette |
|---|---|---|
| 1 Bit | 21 | 2 |
| 2 Bit | 22 | 4 |
| 3 Bit | 23 | 8 |
| 4 Bit | 24 | 16 |
| 5 Bit | 25 | 32 |
| 6 Bit | 26 | 64 |
| 7-Bit | 27 | 128 |
| 8-Bit | 28 | 256 |
Wenn Sie die Anzahl der Farben in Ihrem Bild zu reduzieren Sie die Dateigröße klein zu halten, können Sie eine beliebige Anzahl von Farben wählen, für die gegebene Bit-Tiefe bis zum Maximum. Normalerweise finden Sie eine Reihe von Farben wählen, die am besten geeignet sind, um das Bild zu machen. Zum Beispiel können Sie eine eigene Palette von nur 200 Farben wählen. Das Bild ist immer noch 8-Bit, sondern weil es nur 200 Farben in seiner Palette verwendet, ist die Datei kleiner als es wäre, wenn Sie die maximale Anzahl der verwendeten Farben (256) für einen 8-Bit-Bild erlaubt.
Hier ist, wie ein Grafik-Editor zu verwenden, wie zum Beispiel Adobe Fireworks zum Experimentieren mit der Verringerung eines Farbpalette des Bildes und vergleichen Sie die Unterschiede in der Qualität, Dateigröße und Downloadzeiten:
Starten Sie Fireworks.
Wählen Sie Datei-Öffnen in der Menüleiste.
Navigieren Sie zu jedem Foto Bild, das Sie auf Ihrem Computer haben, und öffnen Sie die Datei.
An der Spitze des Dokumentfensters, gibt es mehrere Symbole. Klicken Sie auf das 4-Up-Symbol das Bild der Ansicht in vier Panels aufgeteilt.
Fireworks können Sie verschiedene Palette und Dateiformateinstellungen nebeneinander zu vergleichen, so dass Sie die Qualität und Download-Geschwindigkeiten zu vergleichen.
Klicken Sie auf den oberen rechten Quadranten, um es auszuwählen. Öffnen Sie das Bedienfeld Optimieren im Fenster-Menü.
Es kann bereits als eine Sammlung von Platten auf der rechten Seite des Bildschirms geöffnet.
Im Bedienfeld Optimieren wählen Sie das GIF-Format, Adaptive-Palette und die 256-Farben-Option (das ist ein 8-Bit-Farbpalette).
Klicken Sie auf den linken unteren Quadranten und im Bedienfeld Optimieren, wählen Sie das GIF-Format sowie die Adaptive Palette, aber dieses Mal wählen nur 64 Farben.
Beachten Sie die Abnahme der Bildqualität.
Klicken Sie auf den unteren rechten Quadranten und im Bedienfeld Optimieren, wählen Sie das JPEG-Format und stellen Sie die Qualität auf 60%.
In dieser Übung zeigt die spürbaren Unterschied in der Qualität aus dem Originalbild (oben links Quadrant) zu den beiden GIF-Format Quadranten, was eine begrenzte Anzahl von Farben erzielen kann. Die körniges Aussehen heißt # 147-Dithering #. 148- Wie bei Pointillismus, verschiedene Farben aus Ihrer begrenzten Farbpalette sind nebeneinander angeordnet, um die Wirkung der fehlenden Farbe zu simulieren (es ist wie visuell Orange Mischen von nebeneinander gelben und roten Punkte platzieren).
Beachten Sie, dass das JPEG-Format nicht eine Farbpalette reduziert nicht verwendet. Sie legt einfach ein Komprimierungsschema auf einem 24-Bit-Bild. Je nach Bild, manchmal das JPEG-Format liefert die beste Qualität und die besten Download-Zeiten, und manchmal das GIF-Format am besten ist. Dieser Test in Fireworks ist ein guter Weg, um schnell verschiedene Einstellungen vergleichen.