Freigeben über

App-Screenshots, Bilder und Trailer für MSIX-App

  • Artikel

Gut gestaltete Bilder sind eine der Standardmöglichkeiten, um Ihre App potenziellen Kunden im Store zu präsentieren.

Stellen Sie Screenshots, Logos, Trailer und andere Grafikobjekte bereit, die in den Store-Eintrag Ihrer App aufgenommen werden sollen. Einige sind obligatorisch, andere optional (obwohl einige der optionalen Bilder wichtig sind, um eine optimale Store-Anzeige zu gewährleisten).

Während des App-Übermittlungsprozesses stellen Sie diese Grafikobjekte im Schritt Store-Einträge bereit. Beachten Sie, dass die Bilder, die im Store verwendet werden, und die Art und Weise, wie sie angezeigt werden, je nach Betriebssystem des Kunden und anderen Faktoren variieren können.

Der Store kann auch das Symbol Ihrer App und andere Bilder verwenden, die Sie in das App-Paket einschließen. Führen Sie das Zertifizierungskit für Windows-Apps aus, um festzustellen, ob vor dem Übermitteln der App erforderliche Bilder fehlen. Anleitungen und Empfehlungen zu diesen Bildern finden Sie unter App-Symbole und Logos.

Screenshots

Screenshots sind Bilder Ihrer App, die potenziellen Kunden im Store-Eintrag Ihrer App angezeigt werden.

Screenshot eines Abschnitts, in dem Sie Screenshots und Logo für eine MSIX/PWA-App hinzufügen können.

Sie haben die Möglichkeit, Screenshots für die verschiedenen Gerätefamilien, die Ihre App unterstützt, bereitzustellen, so dass die entsprechenden Screenshots angezeigt werden, wenn ein Kunde den Store-Eintrag Ihrer App auf diesem Gerätetyp aufruft.

Für die Übermittlung ist nur ein Screenshot (für jede Gerätefamilie) erforderlich, Sie können jedoch mehrere bereitstellen; bis zu 10 Desktopfotos und bis zu 8 Screenshots für die anderen Gerätefamilien. Es wird empfohlen, mindestens vier Screenshots für jede Gerätefamilie, die Ihre App unterstützt, bereitzustellen, damit die Nutzer sehen können, wie die App auf ihrem Gerät aussieht. (Schließen Sie keine Screenshots für Gerätefamilien ein, die Ihre App nicht unterstützt.) Beachten Sie, dass Desktop-Screenshots auch Kunden auf Surface Hub-Geräten angezeigt werden.

Hinweis

Microsoft Visual Studio bietet ein -Tool, mit dem Sie Screenshots erfassen können. Jeder Screenshot muss eine PNG-Datei im Quer- oder Hochformat sein, und die Dateigröße darf 50 MB nicht überschreiten.

Die Größenanforderungen variieren je nach Gerätefamilie:

  • Desktop 1366 x 768 Pixel oder größer. Unterstützt 4K-Bilder (3840 x 2160). (Wird auch Kunden auf Surface Hub-Geräten angezeigt.)

  • Xbox 3480 x 2160 Pixel oder kleiner und 1920 x 1080 Pixel oder größer. Unterstützt 4K-Bilder (3840 x 2160).

  • Hologramm 1268 x 720 Pixel oder größer. Unterstützt 4K-Bilder (3840 x 2160).

Um eine optimale Darstellung zu erreichen, beachten Sie bei der Erstellung Ihrer Screenshots die folgenden Richtlinien:

  • Platzieren Sie wichtige visuelle Elemente und Text in den oberen drei Vierteln des Bildes. Textüberlagerungen können im unteren Bildabschnitt angezeigt werden.
  • Fügen Sie Ihren Screenshots keine zusätzlichen Logos, Symbole oder Marketingnachrichten hinzu.
  • Verwenden Sie keine extrem hellen oder dunklen Farben oder kontrastreiche Streifen, die die Lesbarkeit von Textüberlagerungen beeinträchtigen können.

Sie können auch eine kurze Beschreibung von maximal 200 Zeichen zu jedem Screenshot hinzufügen.

Tipp

Screenshots werden in Ihrem Angebot der Reihenfolge nach angezeigt. Nachdem Sie Ihre Screenshots hochgeladen haben, können Sie diese per Drag & Drop neu anordnen. Beachten Sie, dass beim Erstellen von Store-Einträge für mehrere Sprachen jeweils eine Store-Eintragsseite vorhanden ist. Sie müssen die Bilder für jede Sprache separat hochladen (auch wenn Sie die gleichen Bilder verwenden). Sie müssen auch Beschreibungen für jede Sprache bereitstellen. (Wenn Sie über Store-Einträge in vielen Sprachen verfügen, ist es möglicherweise einfacher, sie zu aktualisieren, indem Sie die Eintragsdaten exportieren und offline arbeiten.)

Store-Logos

Sie können Store-Logos hochladen, um eine angepasste Anzeige im Store zu erstellen. Es wird empfohlen, diese Bilder bereitzustellen, damit Ihr Store-Eintrag auf allen Geräten und Betriebssystemversionen, die Ihre App unterstützt, optimal angezeigt wird. Beachten Sie, dass einige dieser Bilder erforderlich sind, wenn Ihre App für Kunden auf Xbox verfügbar ist.

Sie können diese Bilder als PNG-Dateien (nicht größer als 50 MB) bereitstellen, von denen jede die folgenden Richtlinien befolgen sollte.

2:3-Postergrafik (720 x 1080 oder 1440 x 2160 Pixel)

Bei Spielen wird dies als Logostandardbild für Kunden von Windows 10, Windows 11 und Xbox verwendet, daher wird dringend empfohlen, dieses Bild bereitzustellen, um eine ordnungsgemäße Anzeige sicherzustellen. Dies gilt nicht für Apps. Informationen zu App-Symbolen finden Sie im Abschnitt 1:1-App-Kachelsymbol (30 x 300 Pixel) unten.

Ihr Eintrag sieht ohne Einbettung nicht gut aus und stimmt nicht mit anderen Einträgen überein, die Kunden beim Browsen im Shop sehen. Dieses Bild kann auch in Suchergebnissen oder in redaktionell kuratierten Sammlungen verwendet werden.

Dieses Bild kann den Namen Ihrer App enthalten. Wenn Sie den App-Namen für das Bild hinzugefügt haben, sollte er die Anforderungen für die barierrefreie Lesbarkeit (4,51-Kontrastverhältnis) erfüllen. Beachten Sie, dass Textüberlagerungen möglicherweise im unteren Viertel dieses Bilds angezeigt werden. Stellen Sie daher sicher, dass Sie dort keinen Text bzw. wichtige Bilder einfügen.

Hinweis

Wenn Ihre App für Kunden auf Xbox verfügbar ist, ist dieses Bild obligatorisch und muss den Titel des Produkts enthalten. Der Titel muss in den oberen drei Vierteln des Bilds angezeigt werden, da Textüberlagerungen im unteren Viertel des Bilds angezeigt werden können.

1:1-Box (1080 x 1080 oder 2160 x 2160 Pixel)

Bei Spielen wird dieses Bild möglicherweise auf verschiedenen Store-Seiten für Windows 10-, Windows 11- und Xbox-Geräte angezeigt. Wenn Sie kein Bild des Typs 2:3-Poster nicht bereitstellen, wird es als Ihr Standardlogo verwendet. Dies gilt nicht für Apps. Informationen zu App-Symbolen finden Sie im Abschnitt 1:1-App-Kachelsymbol (30 x 300 Pixel) unten.

Dieses Bild kann auch den Namen Ihrer App enthalten. Textüberlagerungen können im unteren Viertel dieses Bilds angezeigt werden, deshalb sollten Sie dort keinen Text oder wichtige Bilder einfügen.

Hinweis

Wenn Ihre App für Kunden auf Xbox verfügbar ist, ist dieses Bild obligatorisch und muss den Titel des Produkts enthalten. Der Titel muss in den oberen drei Vierteln des Bilds angezeigt werden, da Textüberlagerungen im unteren Viertel des Bilds angezeigt werden können.

1:1-App-Kachelsymbol (300 x 300 Pixel)

Dieses Bild wird auf verschiedenen Store-Seiten für Windows 10-, Windows 11- und Xbox-Geräte angezeigt. Es wird dringend empfohlen, dieses Bild für Ihre App bereitzustellen. Wenn Sie kein Bild dieses Typs bereitstellen, verwendet der Store das Bild aus Ihrem App-Paket.

Hinweis

Wenn Sie ein 1:1-App-Kachelsymbol (300 x 300 Pixel) hochladen möchten (was empfohlen wird), gibt der Store diesem Bild Vorrang vor dem Bild, das in Ihrem App-Paket enthalten ist.

Trailer und zusätzliche Ressourcen

In diesem Abschnitt können Sie Grafiken bereitstellen, um Ihr Produkt effektiver im Store anzuzeigen. Es wird empfohlen, diese Bilder bereitzustellen, um einen einladenderen Store-Eintrag zu erstellen.

Tipp

Ein Bild des Typs 16:9-Superheldengrafik wird besonders empfohlen, wenn Sie Videotrailer in Ihren Store-Eintrag aufnehmen möchten. Wenn Sie es kein solches Bild hochladen, werden die Trailer nicht am Anfang Ihres Eintrags angezeigt.

Trailer

Trailer sind kurze Videos, die Kunden eine Möglichkeit geben, Ihr Produkt in Aktion zu sehen, um ein besseres Verständnis dafür zu bekommen, wie es aussieht. Sie werden oben im Store-Eintrag Ihrer App angezeigt (sofern Sie ein Bild des Typs 16:9-Superheldengrafik einfügen).

Screenshot eines Abschnitts, in dem Sie Trailer für eine MSIX/PWA-App hinzufügen können.

Trailer werden mit Smooth Streaming codiert, das die Qualität eines Videostreams anpasst, der an Clients in Echtzeit basierend auf ihrer verfügbaren Bandbreite und CPU-Ressourcen bereitgestellt wird.

Hinweis

Trailer werden nur Kunden unter Windows 10, Version 1607 oder höher (einschließlich Xbox) angezeigt.

Trailer hochladen

Sie können Ihrem Store-Eintrag bis zu 15 Trailer hinzufügen. Stellen Sie sicher, dass sie alle unten aufgeführten Anforderungen erfüllen.

Für jeden bereitgestellten Trailer müssen Sie eine Videodatei (MP4 oder MOV), ein Miniaturbild und einen Titel hochladen.

Wichtig

Wenn Sie Trailer für Spiele verwenden, müssen Sie auch einen Bildabschnitt des Typs 16:9-Superheldengrafik bereitstellen, damit Ihre Trailer oben in Ihrem Store-Eintrag angezeigt werden. Dieses Bild wird angezeigt, nachdem die Wiedergabe der Trailer abgeschlossen wurde.

Befolgen Sie diese Empfehlungen, um Ihre Trailer wirkungsvoll zu gestalten:

  • Die Trailer sollten von guter Qualität sein und eine Mindestlänge haben (max. 60 Sekunden und max. 2 GB groß).
  • Damit die Kunden wissen, dass jeder Trailer einzigartig ist, sollte für jeden Trailer eine andere Vorschauminiatur verwendet werden.
  • Da einige Store-Layouts den oberen und unteren Rand Ihres Trailers leicht zuschneiden, stellen Sie sicher, dass wichtige Informationen in der Mitte des Bildschirms angezeigt werden.
  • Bildfrequenz und Auflösung sollten mit dem Quellmaterial übereinstimmen. Beispielsweise sollte der mit 720p60 aufgenommene Inhalt codiert und mit 720p60 hochgeladen werden.

Sie müssen auch die unten aufgeführten Anforderungen erfüllen.

So fügen Sie Trailer Ihrem Eintrag hinzu:

  1. Laden Sie Ihre Trailer-Videodatei in das angegebene Feld hoch. Ein Dropdownfeld wird auch angezeigt, wenn Sie einen Trailer wiederverwenden möchten, den Sie bereits hochgeladen haben (möglicherweise für einen Store-Eintrag in einer anderen Sprache).
  2. Laden Sie nach dem Upload des Trailers eine passende Vorschauminiatur hoch. Dies sollte eine PNG-Datei mit 1920 x 1080 Pixeln und in der Regel ein Standbild aus dem Trailer sein.
  3. Klicken Sie auf das Bleistiftsymbol, um einen Titel für Ihren Trailer hinzuzufügen (maximal 255 Zeichen).
  4. Wenn Sie dem Eintrag weitere Trailer hinzufügen möchten, klicken Sie auf Trailer hinzufügen, und wiederholen Sie die oben aufgeführten Schritte.

Tipp

Wenn Sie Store-Einträge in mehreren Sprachen erstellt haben, klicken Sie auf Aus vorhandenen Trailern wählen, um die Trailer wiederzuverwenden, die Sie bereits hochgeladen haben. Sie müssen sie nicht einzeln für jede Sprache hochladen. Um einen Trailer aus einem Eintrag zu entfernen, klicken Sie auf das X neben dem Dateinamen. Sie können auswählen, ob der Trailer nur aus dem Store-Eintrag entfernt werden soll, den Sie aktuell bearbeiten, oder ob er aus allen Store-Einträgen Ihres Produkts (in jeder Sprache) entfernt werden soll.

Traileranforderungen

Achten Sie bei der Bereitstellung Ihrer Trailer darauf, die folgenden Anforderungen zu erfüllen:

  • Das Videoformat muss MOV oder MP4 sein.
  • Die Dateigröße des Trailers darf 2 GB nicht überschreiten.
  • Die Videoauflösung muss 1920 x 1080 Pixel betragen.
  • Die Vorschauminiatur muss eine PNG-Datei mit einer Auflösung von 1920 x 1080 Pixeln sein.
  • Der Titel darf nicht länger als 255 Zeichen sein.
  • Schließen Sie keine Altersfreigaben in Ihre Trailer ein.

Warnung

Die Ausnahme von der Anforderung, Altersfreigaben in Ihre Trailer einzuschließen, gilt nur für Trailer im Microsoft Store, die auf der Produktseite angezeigt werden. Jeder Trailer, der außerhalb des Partner Centers veröffentlicht wurde, der nicht ausschließlich auf der Produktseite des Microsoft Store angezeigt werden soll, muss eingebettete Bewertungsinformationen anzeigen, sofern erforderlich, gemäß den Richtlinien der entsprechenden Bewertungsstelle.
Wie die anderen Felder auf der Store-Eintragsseite müssen Trailer die Zertifizierung bestehen, bevor Sie sie im Microsoft Store veröffentlichen können. Stellen Sie sicher, dass Ihre Trailer den Microsoft Store-Richtlinien entsprechen.

Je nach Dateityp gibt es zusätzliche Anforderungen.

MOV

Video
- 1080p ProRes (HQ gegebenenfalls) - Native Framerate; 29.97 FPS bevorzugt

Audio
- Stereo erforderlich - Empfohlene Audioebene: -16 LKFS/LUFS

MP4

Video
Codec: H.264 (AVC1) - Progressiver Scan (keine Interlacing) - High Profile - 2 aufeinander folgende B-Frames - Closed GOP. GOP der Hälfte der Bildfrequenz - CABAC - 50 Mbps - Farbraum: 4.2.0

Audio
Codec: AAC-LC
- Kanäle: Stereo- oder Surround-Sound
- Samplingrate: 48 KHz
- Audiobitrate: 384 KBit/s für Stereo, 512 KBit/s für Surround-Sound

Warnung

Bei MP4-Dateien, die mit anderen Codecs als AVC1 kodiert wurden, ist möglicherweise kein Ton zu hören. Für H.264 Mezzanine-Dateien wird Folgendes empfohlen:

  • Container: MP4
  • Keine Bearbeitungslisten (oder Sie könnten die AV-Synchronisation verlieren)
  • moov-Atom am Anfang der Datei (Schnellstart)

Windows 10- und Xbox-Bild (16:9-Superheldengrafik)

Im Abschnitt Windows 10- oder Windows 11- und Xbox-Bild wird die 16:9-Superheldengrafik (1920 x 1080 or 3840 x 2160 Pixel) in verschiedenen Layouts im Microsoft Store auf allen Windows 10-, Windows 11- und Xbox-Geräten verwendet. Es wird empfohlen, dieses Bild bereitzustellen, unabhängig davon, auf welche Betriebssystemversionen oder Gerätetypen Ihre App ausgerichtet ist.

Dieses Bild ist für die ordnungsgemäße Anzeige erforderlich für Spiele, wenn Ihr Eintrag Videotrailer enthält. Für Kunden mit Windows  10, Version 1607 oder höher (einschließlich Xbox), wird es als Standardbild oben im Store-Eintrag verwendet (oder wird angezeigt, nachdem alle Trailer die Wiedergabe abgeschlossen haben). Es kann auch verwendet werden, um Ihre App im gesamten Store in Werbelayouts zu integrieren. Beachten Sie, dass dieses Bild nicht den Titel oder einen anderen Text des Produkts enthalten darf.

Hier sind einige Tipps, die Sie beim Entwerfen dieses Bilds berücksichtigen sollten:

  • Das Bild muss eine PNG-Datei sein, die 1920 x 1080 Pixel oder 3840 x 2160 Pixel groß ist.
  • Wählen Sie ein dynamisches Bild, das sich auf die App bezieht, um den Wiedererkennungswert und die Unterscheidbarkeit zu fördern. Vermeiden Sie Stockfotos oder allgemeine Bilder.
  • Schließen Sie nicht keinen Text in das Bild ein.
  • Platzieren Sie keine wichtigen visuellen Elemente im unteren Drittel des Bilds (da in einigen Layouts möglicherweise ein Farbverlauf über diesen Teil angewendet wird).
  • Platzieren Sie die wichtigsten Details in der Mitte des Bilds (da in einigen Layouts das Bild möglicherweise zugeschnitten wird).
  • Minimieren Sie Leerraum.
  • Vermeiden Sie es, die Benutzeroberfläche Ihrer Anwendung zu zeigen, und verwenden Sie keine gerätespezifischen Bilder.
  • Vermeiden Sie politische und nationale Themen, Flaggen oder religiöse Symbole.
  • Vermeiden Sie Bilder von unsensiblen Gesten, Nacktheit, Glücksspiel, Geld, Drogen, Tabak oder Alkohol.
  • Verzichten Sie auf Waffen, die auf den Zuschauer gerichtet sind, sowie auf übermäßige Gewalt und blutige Szenen.

Wenn Sie uns dieses Bild zur Verfügung stellen, können wir Ihre Anwendung für spezielle Werbemöglichkeiten in Betracht ziehen, aber wir können nicht garantieren, dass Ihre Anwendung vorgestellt wird. Weitere Informationen finden Sie im Abschnitt Einfache Vermarktung Ihrer App.

Xbox-Bilder

Diese Bilder sind für die ordnungsgemäße Anzeige erforderlich, wenn Sie Ihre App auf Xbox veröffentlichen.

Es gibt drei verschiedene Größen, die Sie hochladen können:

  • Markenschlüsselgrafik, 584 x 800 Pixel: Muss den Titel des Produkts enthalten. Für dieses Bild ist eine Brandingleiste erforderlich. Platzieren Sie den Titel und alle wichtigen Bilder in den oberen drei Vierteln des Bilds bei, da das untere Viertel überlagert werden kann.
  • Titelheldengrafik, 1920 x 1080 pixel: Muss den Titel des Produkts enthalten. Platzieren Sie den Titel und alle wichtigen Bilder in den oberen drei Vierteln des Bilds bei, da das untere Viertel überlagert werden kann.
  • Empfohlene quadratische Werbegrafik, 1080 x 1080 Pixel: Darf den Titel des Produkts nicht enthalten.

Hinweis

Für die beste Anzeige auf Xbox müssen Sie auch ein Bild von 2:3 (720 x 1080 oder 1440 x 2160 Pixel) im Abschnitt "Store-Logos" bereitstellen.

Holgrafische Grafik

Die Grafik 2:1 (2400 x 1200) wird nur verwendet, wenn Ihre App die Holographic-Gerätefamilie unterstützt. Wenn dies der Fall ist, wird empfohlen, eine solche Grafik bereitzustellen.