Zum Hauptinhalt springen
Alle KollektionenNovamag BackendMedienBilder
Auf was sollte geachtet werden, damit Bilder optimal auf jedem Device dargestellt werden?
Auf was sollte geachtet werden, damit Bilder optimal auf jedem Device dargestellt werden?
Estefano Labudda avatar
Verfasst von Estefano Labudda
Vor über 7 Monaten aktualisiert

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 technischen Anforderungen gibt es an die Materialien?

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 Originalbildes ab.

Deshalb sollte man immer auch die mobile Darstellung der Ausgabe ü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 Ausgabe in der mobilen Darstellung zu sehen.

Sofern der vom System automatisch gewählte mittige Bildausschnitt nicht optimal ist, kann dieser in der Mediathek 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 Mobil separate Einstellungen für die Darstellung von Hintergrundmedien für Mobile und Tablet treffen.

Hat dies deine Frage beantwortet?