Auf was sollte geachtet werden, damit Bilder optimal auf jedem Device dargestellt werden?

Mit unseren responsiven Designvorlagen sorgen wir dafür, dass sich alle Medien in Novamag automatisch dem jeweiligen Endgerät anpassen. Dadurch erreichen wir das bestmögliche Leseerlebnis! Für eine optimale geräteübergreifende Darstellung der Inhalte sollten vor allem auch unsere Vorgaben für Bilder berücksichtigt werden.

Welche Vorgaben das sind, findest du im Artikel "Welche Anforderungen gibt es für das Bildmaterial?"

Nichtsdestotrotz kann es vorkommen, dass Bilder vereinzelt nicht optimal vom System dargestellt werden. Grundsätzlich wählt das System den mittigen Bildausschnitt aus. Ob der mittige Bildausschnitt immer der optimalste ist, hängt vom jeweiligen Motiv sowie von der Größe des Bildes ab. 

Deshalb sollte man immer auch die mobile Darstellung der Publikation überprüfen. Hierfür braucht man nicht zwingend ein Mobiltelefon. Es ist auch möglich das Browserfenster auf eine mobile Bildschirmgröße zu ziehen, um die Publikation in der mobilen Darstellung zu sehen.

Sofern der vom System automatisch gewählte mittige Bildausschnitt nicht optimal ist, kann dieser unter Files in der Detailansicht des jeweiligen Bildes bearbeitet und angepasst werden. 

Gut zu wissen: Welcher Bildausschnitt mit welcher Designvorlage korrespondiert variiert, da das System sich Bilder abhängig von der Device-Größe individuell zieht. Bei manuellen Anpassungen daher idealerweise mindestens die Bildzuschnitte für Horizontal, Horizontal-wide, Vertical, Vertical-long und Vertical-wide vornehmen. So ist man auf der sicheren Seite, dass für alle Devices der korrekte Bildausschnitt angezeigt wird.  

Darüber hinaus lassen sich für die meisten Seiten im Template unter dem Reiter Mobile separate Einstellungen für die Darstellung von Hintergrundmedien für Mobile und Tablet treffen.

• Related Articles

• Welche Anforderungen gibt es für das Bildmaterial?

  Bilder sollten vor dem Hochladen in Files immer hinsichtlich ihres Formats und ihrer Größe überprüft werden:  Bilder: jpg oder png; für Hintergrundbilder wird das Format 1920x1080 px bzw. 16:9 Full HD empfohlen; nicht größer als 72 dpi Zudem sollten ...

• Inwiefern lässt sich der Bildausschnitt anpassen?

  Es gibt verschiedene Möglichkeiten ein Hintergrundbild optimal an die jeweilige Designvorlagen sowie an das jeweilige Device anzupassen: 1. Bearbeitung des Bildausschnitts in Files in der Detailansicht des Bildes unter Backgrounds 2. Anpassung des ...

• Wie optimiere ich den mobilen Bildausschnitt?

  Bei der Darstellung von hochgeladenen Medien, wählt das System immer automatisch den mittigen Bildausschnitt. Ob dieser Bildausschnitt auch immer der optimalste ist, hängt vom jeweiligen Motiv und von der Größe des Bildes ab. Die Anpassung des ...

• Welche Einstellungen kann ich in der Seitenbearbeitung unter dem Reiter Mobile treffen?

  Ein responsives Design ist in der mobilen Welt mittlerweile zum unverzichtbaren Standard geworden. Während man sich am Computer oder auf dem Laptop im horizontalen 16:9-Format bewegt, sind die Bildschirme von Smartphones und Tablets in der Regel im ...

• Warum wird das Logo / die Schrift im Hintergrundbild /-video abgeschnitten?

  Mit unseren responsiven Designvorlagen sorgen wir dafür, dass sich alle Medien in Novamag automatisch dem jeweiligen Endgerät anpassen. Dadurch erreichen wir das bestmögliche Leseerlebnis! Für Texte oder Logos in einem Hintergrundmedium bedeutet dies ...