Moderne Webbrowser und Content-Management-Systeme optimieren Bilder für die Anzeige in jeder Umgebung. Es ist jedoch am besten, Bilder vorzubereiten, die für jeden möglichen Formfaktor und Ort, an dem ein Bild angezeigt werden kann, optimiert sind. Konzentrieren Sie sich auf drei Dinge: Bildauflösung, Größe und Farbraum.
Farbraum in Bildern
Grafikdesigner verlassen sich auf zwei primäre Farbräume. Ein Farbraum ist eine Methode, mit der Primärfarben kombiniert werden, um komplexe Farbregenbögen zu bilden.
Verwenden Sie den RGB-Modus, wenn Sie Bilder für Mobilgeräte vorbereiten. Displays auf Computermonitoren und Smartphones basieren auf einer Kombination aus roten, blauen und grünen Pixeln. Dieses RGB-Bild ist optimiert, um die beabsichtigten Farben auf einem Bildschirm genau wiederzugeben.
Für den Druck verwenden Designer einen Vierfarbenprozess, bei dem jede Farbe zu einer Kombination aus Cyan, Magenta, Gelb und Schwarz destilliert wird. Manchmal werden vierfarbige Bilder aus diesem Grund als CMYK-Bilder bezeichnet.
Bildauflösung
Bilder, insbesondere auf mobilen Plattformen, sollten so klein wie möglich sein, um Qualität gegen Downloadgeschwindigkeit in mobilen Netzwerken und Dateigröße gegen mobile Datenbeschränkungen auszugleichen.
Die meisten Programme, einschließlich der Adobe Creative Cloud-Anwendungen, unterstützen ein Export-für-Web-Tool, das das Bild in verschiedenen Kombinationen von Auflösung und Komprimierung anzeigt. Wählen Sie das Bild mit der besten Qualität und der niedrigsten Gesamtgröße aus.
Bildgröße in Pixel
Jedes Bild sollte die Größe für den beabsichtigten Zweck haben. Hier sind einige Beispielbildgrößen für beliebte Webanwendungen:
- Internet-Banneranzeigen sind oft 468 x 60 Pixel groß.
- Facebook-Titelbilder sollten 851 x 315 Pixel groß sein.
- Twitter-Profilfotos sollten 400 x 400 Pixel groß sein.
- Bilder für geteilte Links sollten 1200 x 630 Pixel groß sein.
Wenn Sie mit Fotos für bestimmte Zwecke arbeiten, überprüfen Sie den Ort, an dem das Foto erscheinen wird (z. B. eine Social-Media-Website oder ein Blog), um die optimalen Bildabmessungen zu überprüfen, und passen Sie die Größe dann entsprechend an, um ein Dehnen oder Beschneiden des Bilds zu vermeiden.
Um Pixelbildung zu vermeiden, zielen Sie auf die tatsächliche Anzeigegröße ab. Selbst wenn ein Bild richtig dimensioniert ist, kann das resultierende Produkt bei falscher Größe verpixelt aussehen, wenn das Bild vergrößert werden muss, um den verfügbaren Platz auszufüllen.
Über Vektorgrafiken
Vektorbilder – Bilder, die vom Gerät berechnet und gezeichnet werden – sind normalerweise effizienter und qualitativ hochwertiger als Rasterbilder (Bilder, die Pixel für Pixel gezeichnet werden), da sie vergrößert und verkleinert werden können, ohne die Bildqualität zu beeinträchtigen. Für einfache Logos, Strichzeichnungen und Grafiken ist eine Vektorversion ideal. Vektorformate werden nicht für Fotos verwendet.
