ovos play unterstützt Sie um Ihre Anwendung in der Datenmenge so klein wie möglich zu halten. Hierzu wurde eine Warnung in Form eines kleinen Dreiecks mit Rufzeichen darin, innerhalb der Bildvorschau integriert. Dieses erscheint immer, wenn die empfohlene Größe in Form einer Datenmenge überschritten wird.

Tipp: Wenn Sie mit dem Cursor über das Symbol wandern, erhalten Sie weitere Tipps zu den empfohlenen Formaten.

Inhalt


Empfehlungen für die Mindestgröße von Bildern

Verwenden Sie nur die Smartphone App als Zielplattform, sollten die Bilder so klein wie möglich sein, um die beste User Experience zu bieten. Verwenden Sie auch die Web-Version empfehlen wir höhere Auflösungen. Mehr dazu im Artikel weiter unten unter Optimalgröße von Bildern.

Hinweis: Die Mindestgrößen sind Empfehlungen für die kürzesten Ladezeiten bei einer geeigneten Auflösung. Sie können dennoch höher aufgelöst Bilder in anderen Formaten hochladen und mit ovos play in ihrer Dateigröße komprimieren. Mehr dazu finden Sie im Artikel Kann die Dateigröße eines Bildes optimiert werden?

Bilder für Inhalts- und Fragekarten

  • 400 x 300 Pixel (4:3 Verhältnis)

  • kleiner als 200kb

  • .jpg (für detailreiche Bilder)

  • .png für Illustrationsgrafiken und transparente Hintergründe

Für Inhaltskarten eignet sich für Smartphones eine Auflösung von 400 x 300 Pixel.

Bilder für Decks

  • 568 x 816 Pixel (oder gleiches Verhältnis)

  • kleiner als 200kb

  • .jpg (für detailreiche Bilder)

  • .png für Illustrationsgrafiken und transparente Hintergründe

Decks haben eine kleine Ansicht und eine Titelkarte.

Hinweis: Für das Deck wird ein quadratischer Ausschnitt aus der Mitte des Bildes für die kleine Darstellung in der Bibliothek gewählt.

Bilder für Themen

  • 600 x 250 Pixel (oder gleiches Verhältnis)

  • kleiner als 200kb

  • .jpg (für detailreiche Bilder)

  • .png für Illustrationsgrafiken und transparente Hintergründe

Themen werden in der Bibliothek am besten mit einer Auflösung von 600 x 250 Pixel dargestellt.

Tipp: Verwenden Sie eine spezifische Standardgröße um konsistent zu bleiben.

ovos play unterstützt auch alle gängigen Bildformate wie z.B. .gif und .svg.

Optimalgröße von Bildern (bei Verwendung der Webversion)

Verwenden Sie zusätzlich zur App auch die Webversion empfehlen wir eine größere Auflösung, damit die Bilder auch auf größeren Monitoren optimal dargestellt werden.

Bilder für Inhalts- und Fragekarten

  • 1600 x 1200 Pixel (4:3 Verhältnis)

  • kleiner als 200kb

  • .jpg (für detailreiche Bilder)

  • .png für Illustrationsgrafiken und transparente Hintergründe

Für Inhaltskarten sollte in der Webversion eine größere Auflösung gewählt werden.

Bilder für Decks

  • 800 x 1200 Pixel (oder gleiches Verhältnis)

  • kleiner als 200kb

  • .jpg (für detailreiche Bilder)

  • .png für Illustrationsgrafiken und transparente Hintergründe

In der Webversion wird das Bild auf der Titelkarte größer dargestellt.

Hinweis: Für das Deck wird ein quadratischer Ausschnitt aus der Mitte des Bildes für die kleine Darstellung in der Bibliothek gewählt.

Bilder für Themen

  • 800 x 600 Pixel (oder gleiches Verhältnis)

  • kleiner als 200kb

  • .jpg (für detailreiche Bilder)

  • .png für Illustrationsgrafiken und transparente Hintergründe

In der Webversion wird das Themenbild auf der Detailseite größer dargestellt.

Hinweis: Für das Thema wird ein rechteckiger Ausschnitt (mit dem Verhältnis des empfohlenen Bildes für die Mobilversion) aus der Mitte des Bildes für die kleine Darstellung in der Bibliothek gewählt.

Das Themenbild wird in der Übersicht in kleinerem Format angezeigt.

Bildskalierung

ovos play möchte Sie zusätzlich bei der richtigen Bildskalierung unterstützen und bietet Ihnen hierzu die folgende Auswahlmöglichkeit an:

  • Fit Width

  • Fit Height

  • Maximize

Die Skalierung in allen Modis, erfolgt immer gemessen von der Mitte des Bildes.

Fit Width = Standardwert

Das System skaliert das Bild auf 100% der Ansichtsbreite, wobei die Seitenverhältnisse des Bildes beibehalten werden.
Dabei wird immer die volle Höhe des Bildes angezeigt, ist die Höhe größer als das Display, müssen die Benutzer*innen scrollen.

Eine Live-Demo dieses Bildskalierungsmodus mit verschiedenen Bildformaten finden Sie in unserer Demo App.

Fit Height

Das System erstellt ein maßstabsgetreues Bild, wobei das Bild nicht beschnitten wird. Hierbei wird nicht verwendete Fläche mit einer Hintergrundfarbe ersetzt.

Eine Live-Demo dieses Bildskalierungsmodus mit verschiedenen Bildformaten finden Sie in unserer Demo App.

Maximize

Das System verwendet die volle Breite und Höhe der Anzeige, das Bild muss möglicherweise zugeschnitten werden.

Eine Live-Demo dieses Bildskalierungsmodus mit verschiedenen Bildformaten finden Sie in unserer Demo App.

War diese Antwort hilfreich für dich?