Design für hochauflösende Retina-Displays
Unsere Agentur für kreatives Design in Boston arbeitet an vielen Website-Redesigns. Für alle unsere Projekte möchten wir sicherstellen, dass unsere Kunden hochwertige Grafiken erhalten, die klar und professionell aussehen. Daher optimieren wir Bilder für die hochauflösenden Retina-Bildschirmanzeigen. Diese sind in den letzten Jahren insbesondere bei den meisten Apple-Produkten populär geworden.
Pixel und Auflösung
Bilder auf einem Bildschirm bestehen aus farbigen Quadraten, die Pixel genannt werden. Die Auflösung oder Klarheit eines Bildes wird durch die Anzahl der Pixel über die Breite und Höhe des Bildschirms definiert.
Retina-Bildschirme zeigen kleinere und engere Pixel als Standardbildschirme an. Sie benötigen auch die doppelte Pixelzahl, um die gleiche Bildqualität wie ein Standardbildschirm anzuzeigen. Dies führt zu einer höheren Auflösung und einer höheren Bildqualität. Sehen Sie sich die folgenden Bilder an, um dies zu veranschaulichen:
Entwerfen für Retina-Displays
Rasterauflösung
Obwohl die Richtlinie für das Entwerfen mit Standarddisplays 72 Pixel pro Zoll beträgt, beträgt die Empfehlung für die Retina-Optimierung 200 ppi. Ein Bild mit einer niedrigeren Auflösung erscheint unscharf oder pixelig. Bilder mit niedriger Auflösung sind schwierig zu verarbeiten und lassen die Arbeit unprofessionell oder schlampig erscheinen.
Vektorgrafiken
Wann immer möglich, empfehlen unsere Grafikdesigner die Verwendung .svg-Dateien für Bilder im Web, für Symbole und Schaltflächen zum Beispiel. Das sind Vektordateien, auflösungsunabhängig, sehen auf jedem Bildschirm gestochen scharf aus und sind klein in der Dateigröße.
Bevor Sie ein Bild für das Web festlegen, überprüfen Sie, ob die Auflösung für die Größe, in der es reproduziert wird, groß genug ist. Das Entwerfen für Retina-Bildschirme ist ein Muss, um sicherzustellen, dass alle Arbeiten professionell und poliert aussehen.