Reaktionsschnelle Websites sind für Ihr Unternehmen von entscheidender Bedeutung. Responsive bietet eine einfache Möglichkeit, die Konsistenz mit Ihrer Marke und Website auf allen wichtigen Geräten zu wahren. Und Sie müssen sicherstellen, dass Sie Banner für responsive Websites richtig auswählen. Haben Sie jemals versucht, eine Website mit Ihrem Telefon zu laden, nur um ein Durcheinander auf dem Bildschirm zu finden? Das passiert, wenn eine Website nicht ansprechbar oder mobilfreundlich ist.

Bilder gehören zu den frustrierendsten Aspekten responsiver Websites, insbesondere Banner / Bilder in voller Breite. Das sind die Dinge, die am ehesten kaputt gehen. Oder erscheint nicht korrekt auf dem Bildschirm. Warum passiert dies? Um dies zu verstehen, werden wir erklären, was es bedeutet, dass Ihre Website reaktionsfähig ist. (Weitere Informationen finden Sie unter: So sieht eine große Advisor-Site aus. )

Der Schlüssel zum Responsive

Responsive Websites verkleinern die Dimensionen Ihrer Website horizontal. Dies bedeutet, dass bei einer horizontalen Änderung der Website alles auf Ihrer Website neu positioniert wird. Dies ist ein sogenanntes Fluid-Layout. Da responsive Websites je nach Gerät die Größe ändern und Layouts ändern, kann es schwierig sein, alle Details eines Websitebilds zu sehen, wenn die Seite nicht reagiert. Banner sind besonders hart, da sie sehr groß und fast immer detailreich sind.

Im Folgenden habe ich einige Best Practices für Sie zusammengestellt, wenn Sie Banner für responsive Bilder mit Advisor-Websites auswählen.

Auswählen von Bannern für Responsive Websites

Stellen Sie sicher, dass die Größe des Fotos nicht zu klein ist. Wir empfehlen Bannerbilder für responsive Websites mit mindestens 2000 px x 600 px für das Bild mit der besten Qualität. Alles, was kleiner ist als diese Größe (für Breite oder Höhe), führt zu einem unscharfen Bild. Je größer das Bild, desto mehr Platz müssen wir spielen und den richtigen Bereich des Banners beschneiden.

Versuchen Sie, Bilder ohne Fokus auszuwählen. Die Auswahl von Bannerbildern, die keinen Schwerpunkt haben, wie z. B. eine Landschaft, ist eines der besten Bilder, die auf Ihrem Websitebanner zu sehen sind. Unabhängig vom Gerät kann der Betrachter die Bilddetails unterscheiden. Da es keinen Fokus gibt, können wir das Bild platzieren, ohne uns Gedanken darüber zu machen, wie die Website auf den Geräten angepasst wird. Hier einige Beispiele:

Wie Sie sehen, schrumpft das Bild horizontal, aber da die Landschaft so groß ist, können Kunden immer noch sehen, was der Hintergrund ist.

Ein Bild mit einem Fokus auswählen. Nehmen wir an, Sie möchten ein Foto einer Person oder eines Objekts auf Ihrer Website als Fokus haben. Wenn Sie Fotos mit einem Fokus verwenden, ist es sehr wichtig, den Hauptfokus in der Mitte des Bildes zu halten. Da responsive Banner-Bilder horizontal schrumpfen, verlieren wir einen großen Teil der Seiten (weißer Raum) der Bilder. (Zum diesbezüglichen Lesen siehe: Diese eine Sache kann die Website Ihrer Beratungsfirma ruinieren. )

In den Beispielen können Sie den Stein und das Individuum in der Mitte des Bildes sehen. Dies ermöglicht ein sauberes, in der Größe angepasstes Bild.

Testen Sie vor allem Ihre Bilder. Am besten testen Sie Ihre Bilder, indem Sie sie auf Ihrer Website ausprobieren. Testen von Bildern hilft Ihnen auch zu verstehen, welche Art von Fotos funktioniert und nicht funktioniert. Sie können es selbst ausprobieren oder mit unserem großartigen Support-Team zusammenarbeiten. (Zum diesbezüglichen Lesen finden Sie unter: Wie Ihr Website-Inhalt Kunden gewinnen kann. )

-Dieser Artikel wurde von Shaheen Mahani geschrieben und erschien zuerst auf den Advisor-Websites.