Retina Ready Webdesign

Retina-Auflösung

Sie besitzen einen Monitor, ein Smartphone, Notebook oder Tablet mit Retina-Auflösung? Zu diesen Geräten gehören Bestseller wie das MacBook Pro Retina. Auch bekannte Tablets wie das iPad Air, iPad Mini Retina, Kindle Fire HD und Samsung Galaxy Note 10.1 2014 haben ein Retina-Display integriert. Alle neuen Geräte besitzen eine hohe Auflösung.

Sie surfen im Internet mit einem Gerät mit Retina-Display? Dann ist Ihnen vielleicht schon aufgefallen, dass die Schriften im Webbrowser gestochen scharf wirken – die Grafiken dagegen nicht. Das liegt daran, weil die Grafiken nicht die erforderliche Auflösung haben. Retina-Displays bieten eine Pixeldichte, die so hoch ist, dass das menschliche Auge aus einem normalen Betrachtungsabstand nicht fähig ist, einzelne Pixel zu erkennen. Die Displays von Apple können Grafiken daher gestochen scharf anzeigen, aber nur wenn diese auch in der nötigen Auflösung vorliegen.

Gewöhnliche Webseiten und Grafiken wurden für niedrig auflösende Formate entwickelt. Im Verlauf der neuen Technik wird also eine Anpassung dringend nötig sein. Nur dann kann auch Ihre Website in den Genuss des fast pixellosen Wow-Effekts kommen. Wir unterstützen Sie gerne, auch Ihre Webseite für zukünftige Techniken einrichten. Mobile Endgeräte werden immer populärer und die täglich wachsende Anzahl an Nutzern steigt rasant an. In naher Zukunft werden alle mobilen Geräte hochauflösende Displays aufweisen. Auch die aktuelle Notebook-Generation von Apple ist inzwischen mit Retina-Displays ausgestattet. Es ist nur eine Frage der Zeit, bis andere Hersteller diese Technik übernehmen und nachziehen. Das verdeutlicht, wie wichtig es ist, beim Thema Pixeldichte nicht den Anschluss zu verlieren. Wir möchten, dass auch Ihre Kunden und Besucher hochauflösende Schriften und Bilder zu sehen bekommen! Unsere intensive Retina- Ready-Umsetzung kann ein wundervoller Bestandteil jedes Webdesigns sein und wird Ihre Webseite entscheidend aufwerten.

Was bedeutet Retina Ready Webdesign?

Retina Displays

Hochauflösende Displays wie Retina-Bildschirme werden besonders seit der Marktdurchdringung des iPad3 von Apple immer beliebter. Diese Displays sind hochauflösend und besitzen eine erheblich höhere Pixeldichte als andere Bildschirme. Auf der gleichen Displayfläche werden etwa viermal so viele und dafür kleinere Pixel dargestellt, die so winzig sind, dass sie für das menschliche Auge nicht mehr wahrnehmbar sind. Texte, Grafiken und Bilddateien wirken gestochen scharf.

Eine Pixelgrafik, die bei normaler Auflösung den ganzen Bildschirm ausfüllt, würde auf einem Retina-Display der gleichen Größe eigentlich nur 25 % des Displays einnehmen. Ein Pixel der Grafikdatei entspricht auch auf dem Retina-Bildschirm einem Pixel, nur dass viermal so viele und kleinere Pixel dargestellt werden. Damit nicht plötzlich alle Pixelgrafiken zu klein abgebildet werden, rechnen die Endgeräte die Grafiken eigenständig um, wobei allerdings die Bildqualität sinkt.

Im Endergebnis können Webseiten ohne ein Retina Ready Webdesign unscharf und verpixelt aussehen. Dieser Effekt ähnelt dem bei einer einfachen Webseitenvergrößerung. Webdesigner müssen daher die in Webseiten eingebundenen Icons, Buttons und Grafiken für Displays mit einer erhöhten Pixeldichte optimieren, um auch für Retina-Displays hochwertige Webseiten mit gestochen scharfen Elementen bereitstellen zu können.

Eine Lösung

Eine Lösung und mehr, die unsere erfahrene Webdesign Agentur anwendet, besteht darin, Fonts und Grafiken zu benutzen, die auf Vektoren basieren. In CSS3 erarbeitete Layout-Elemente wie Buttons, Icons oder Grafiken beruhen mehrheitlich auf Vektoren und ermöglichen auch auf hochauflösenden Monitoren eine außergewöhnlich gute Performance.

Retina Ready
Retina Ready Websites
Full Service Webdesign Agentur

Als Full-Service-Webdesign-Agentur unterstützten wir Sie tatkräftig und fachkundig in allen Webdesign Bereichen.

Webdesign Referenzen

Wir bieten Ihnen Expertenwissen und umfangreiches Know-how. Setzen Sie sich am besten noch heute mit uns in Verbindung!