Auswählen der App-Bilder

Applies to Windows only

Ihre App muss verschiedene Logos, Screenshots und Bilder enthalten. Einige dieser Elemente sind erforderlich, während andere optional sind. Beachten Sie, dass die Bilder eine der wichtigsten Möglichkeiten zur Darstellung Ihrer App sind. Durch gut entworfene Bilder kann die Aufmerksamkeit der Kunden auf Ihre App gelenkt werden.

Es gibt auch Bilder, die Sie nicht in Ihr App-Paket einbinden, sondern beim Übermitteln einer App beifügen, damit sie im Windows Store verwendet werden können. Dazu gehören Screenshots und Werbebilder.

Hinweis  Die Informationen in diesem Thema gelten insbesondere für Apps, die Windows 8.1 zugewiesen sind. Es wird erläutert, wie sie im Windows Store für Kunden mit Windows 8.1 angezeigt werden. Die erforderlichen Bilder für Windows 8-Apps sind identisch, aber die Nutzung der Bilder im Store, auf der Startseite des Kunden und in der App selbst kann von den unten beschriebenen Angaben abweichen.

Wenn Sie Ihre App auch an den Windows Phone Store übermitteln, sollten Sie die Informationen zu Kachelgrößen und Designrichtlinien für Windows-Apps lesen.

Diese Tabelle enthält eine Übersicht über die unterschiedlichen Arten von Bildern, die Sie in das App-Paket einfügen können. Erforderliche Bilder werden hier in Fettdruck angezeigt.

Bildname80 % Größe100% Größe140% Größe180% GrößeDefiniert in
Store-Logon/v 50 x 5070 x 7090 x 90 Package/Properties/Logo
Square150x150Logo120 x 120150 x 150210 x 210270 x 270 VisualElements/ @Square150x150Logo
Square30x30Logo24 x 2430 x 3042 x 4254 x 54 VisualElements/@Square30x30Logo
Wide310x150Logo248 x 120 310 x 150434 x 210558 x 270 VisualElements/DefaultTile/ @Wide310x150Logo
Square310x310Logo248 x 248310 x 310434 x 434558 x 558 VisualElements/DefaultTile/ @Square310x310Logo
Square70x70Logo56 x 5670 x 7098 x 98126 x 126 VisualElements/DefaultTile/ @Square70x70Logo
Logo für die Infoanzeigen/v24 x 2433 x 33 43 x 43 VisualElements/LockScreen
Begrüßungsbildschirmn/v 620 x 300868 x 420 1116 x 540 VisualElements/SplashScreen

 

Um für unterschiedliche Bildschirmauflösungen eine gute Qualität zu bieten, ist es ratsam, skalierte Versionen der Bilder in die App einzubinden. Beachten Sie, dass die skalierten Bilder für die Bildgröße entworfen sein sollten und die Größe nicht einfach ausgehend vom Originalbild angepasst werden kann. Die Bereitstellung dieser skalierten Bilder ist optional. Weitere Informationen finden Sie unter Optimieren von Bildern für unterschiedliche Bildschirmauflösungen.

Tipp  Mit der Ausführung des Zertifizierungskits für Windows-Apps können Sie ermitteln, ob möglicherweise erforderliche Bilder fehlen.

Weitere Infos zu Kachelbildern finden Sie unter:

Im Windows Store verwendete App-Bilder

Im Windows Store werden verschiedene Bilder verwendet, um Ihre App für Kunden anzuzeigen. Diese stammen größtenteils aus den Bildern, die Sie im App-Paket übermitteln (wie oben beschrieben). Die vom Windows Store verwendeten Bilder sind unten beschrieben.

Screenshots

Screenshots sind die Bilder Ihrer App, die Ihren Kunden im App-Eintrag angezeigt werden. Für eine App muss mindestens ein Screenshot übermittelt werden (max. 8 Screenshots sind zulässig). Unten ist ein Beispiel für eine Seite mit einem App-Eintrag angegeben, der sechs Screenshots enthält.

Bild einer App im Windows Store

Der erste Screenshot kann auch verwendet werden, wenn die App im Windows Store aufgeführt ist. Für diesen ersten Screenshot können Sie eine beliebige Grafik mit Brandingelementen zum Darstellen der App entwerfen. Unten ist ein Beispiel für eine App abgebildet, die im Windows Store aufgeführt ist. (Das kleinere Bild mit dem Screenshot ist das Square150x150Logo der App.)

Im Windows Store aufgeführte App

Mit Ausnahme dieses ersten Screenshots müssen die anderen Screenshots direkt aus der App stammen. Microsoft Visual Studio enthält ein Tool zum Erstellen von Screenshots.

Bei Screenshots muss es sich um eine PNG-Datei handeln, die nicht größer als 2 MB ist. Die Auflösung von Bildern muss mindestens 1366 x 768 Pixel (im Querformat) bzw. 768 x 1366 Pixel (im Hochformat) betragen, und sie dürfen nicht größer als 2 MB sein. Geben Sie zu jedem Bild außerdem eine Kurzbeschreibung mit höchstens 200 Zeichen an. Stellen Sie sicher, dass Sie Untertitel in allen Sprachen bereitstellen, für die Sie eine Beschreibung liefern.

Weitere Informationen zur Erstellung attraktiver Screenshots und deren Upload während des App-Übermittlungsprozesses finden Sie in den Screenshotinformationen der App-Beschreibung. (Diese sind nicht Teil Ihres App-Pakets.)

Erforderlich?Ein Screenshot ist erforderlich, und jede App kann über bis zu 8 Screenshots verfügen.
Größe

1366 x 768 oder größer bei Querformat

768 x 1366 oder größer bei Hochformat

Typ .png

 

Square150x150Logo

Das Bild Square150x150Logo stellt das quadratische Kachelbild der App auf der Startseite dar. Es kann im Windows Store auch beim Aufführen von Apps verwendet werden, wie wir im vorherigen Abschnitt gesehen haben.

Dieses Bild geben Sie im App-Manifest im Square150x150Logo-Attribut des VisualElements-Elements an. Eine Übersicht über den Prozess finden Sie unter Schnellstart: Erstellen einer Standardkachel im Manifest-Editor von Microsoft Visual Studio.

Tipp  Beim Entwerfen des Bilds für Square150x150Logo sollten Sie berücksichtigen, ob Sie den Namen Ihrer App im Bild einschließen möchten oder ob Windows den Namen bei Verwendung auf der Startseite oben im Bild einblenden soll. Überlegen Sie sich genau, wie die Kachel bei Verwendung im Windows Store zum Darstellen von Apps für Kunden aussehen soll. In den meisten Fällen soll das Bild auf der Kachel wahrscheinlich den Namen der App enthalten, aber dies ist nicht zwingend erforderlich. Informationen dazu, wie Sie angeben, ob Windows den Namen der Kachel auf der Startseite hinzufügen soll, finden Sie unter DefaultTile/ShowNameOnTiles.

Erforderlich?Nur das Bild mit 150 x 150 Pixel ist erforderlich.
Größe
80 %: 120 x 120
100 %: 150 x 150
140 %: 210 x 210
180 %: 270 x 270
Typ .png, .jpg, .jpeg

 

Wide310x150Logo

Das breite Logo ist zwar kein erforderliches Bild, aber es wird dringend dazu geraten, ein Bild dieser Art mit einer Größe von 100 % (310 x 150 Pixel) einzubinden, da es auf vielen Seiten des Windows Store verwendet wird. Unten ist ein Beispiel für die personalisierte Seite Für Sie empfohlen mit breiten Kacheln mehrerer empfohlener Apps angegeben.

Breite Logos unter "Für Sie empfohlen"

Wenn Sie Wide310x150Logo definieren, kann für die App im Startfenster außerdem eine breite Kachel angezeigt werden. Dies ist besonders wichtig für die Anzeige von Benachrichtigungen. Wenn Sie keines in Ihre App einschließen, kann ihre App-Kachel nicht auf das breite Format angepasst werden und kann auch keine breit formatierten Benachrichtigungen anzeigen. Auch wenn für Ihre App das Anzeigen von Benachrichtigungen auf der Kachel nicht erforderlich ist, raten wir Ihnen, das Wide310x150Logo-Bild bereitzustellen. Ihre App kann im Store auf Seiten wie Für Sie empfohlen dann gut dargestellt werden. (Wenn Sie kein Logo dieser Art beifügen, wird für die App beim Anzeigen in diesen Layouts stattdessen das Square150x150Logo zentriert auf einem breiteren Hintergrund verwendet.)

Dieses Bild geben Sie im App-Manifest im Wide310x150Logo-Attribut des DefaultTile-Elements an.

Tipp  Beim Entwerfen des Bilds für Ihr Logo sollten Sie berücksichtigen, ob Sie den Namen Ihrer App im Bild einschließen möchten oder ob Windows den Namen bei Verwendung auf der Startseite oben im Bild einblenden soll. Überlegen Sie sich genau, wie die breite Kachel bei Verwendung im Windows Store zum Darstellen von Apps für Kunden aussehen soll. In den meisten Fällen soll das Bild auf der Kachel wahrscheinlich den Namen der App enthalten, aber dies ist nicht zwingend erforderlich. Informationen dazu, wie Sie angeben, ob Windows den Namen der Kachel auf der Startseite hinzufügen soll, finden Sie unter DefaultTile/ShowNameOnTiles.

Erforderlich?Nein, aber empfohlen.
Größe
80 %: 248 x 120
100 %: 310 x 150
140 % 434 x 210
180 % 558 x 270
Typ .png, .jpg, .jpeg

 

Store-Logo

Das Store-Logo (50 x 50 Pixel) wird im Windows Store im Abschnitt Details der App-Eintragsseite verwendet. Es kann im Store auch in anderen Abschnitten angezeigt werden, z. B. wie im Beispiel unten in der Liste Top kostenlos.

Liste "Top kostenlos" mit Store-Logo

Dieses Bild geben Sie im App-Manifest im Package/Properties/Logo-Element an.

Tipp  

Das Store-Logobild wird über einer Farbpalette mit 70 x 70 Pixel angezeigt. Das bedeutet, dass um Ihr Logo ein schmaler Rahmen angezeigt wird. Die Farbe des Rahmens wird durch das BackgroundColor-Attribut des VisualElements\SplashScreen-Elements bestimmt. Damit kein Rahmen angezeigt wird (wie in den Beispielen oben), legen Sie als Hintergrundfarbe die gleiche Farbe wie die Hauptfarbe im Logo Ihrer App fest.

Erforderlich?Nur das Bild mit 50 x 50 Pixel ist erforderlich.
Größe
100 %: 50 x 50
140%: 70 x 70
180 %: 90 x 90
Typ .png, .jpg, .jpeg

 

Promotional images (Werbebilder)

Die Windows Store-Redaktion verwendet verschiedene Bilder, um Ihre App zu bewerben. Häufig werden der erste Screenshot der App und das Square150x150Logo-Bild genutzt. Mit der Übermittlung weiterer Werbebilder können Sie dazu beitragen, dass das Windows Store-Team Ihre App auch in andere Werbelayouts integrieren kann. Das Bereitstellen derartiger Werbebilder für Ihre App garantiert nicht, dass die App präsentiert wird. Ohne Bilder kann die App jedoch nicht für Werbemöglichkeiten in Betracht gezogen. (Weitere Informationen finden Sie unter Einfaches Bewerben Ihrer App.)

Wenn Sie Werbebilder in allen Größen bereitstellen, hat die Windows Store-Redaktion bei der Präsentation Ihrer App die größtmögliche Flexibilität. Diese Bilder werden in verschiedenen Werbelayouts verwendet. Unten sehen Sie beispielsweise eine Abbildung mit Werbebildern der Größe 414 x 468.

Werbebilder im Windows Store

Sie können während des App-Übermittlungsprozesses bis zu vier Werbebilder bereitstellen. (Diese sind nicht Teil Ihres App-Pakets.) Deren Größe muss genau den Angaben in der folgenden Tabelle entsprechen. Die Größen 414 x 180 und 414 x 468 werden am häufigsten verwendet und sind somit auch am wichtigsten.

Erforderlich?Nein, aber empfohlen.
Größe

Mindestens eine der folgenden Größe:

414 x 180
414 x 468
558 x 756
846 x 468
Typ .png

 

Weitere App-Bilder

Neben den zuvor genannten Bildern gibt es weitere Bilder, die Sie in Ihrem App-Paket übermitteln. Diese werden nicht im Windows Store verwendet, tragen jedoch dazu bei, dass Ihre App ansprechender für Anwender ist. Einige dieser Bilder sind für die Übermittlung der App erforderlich.

Begrüßungsbildschirm

Der Begrüßungsbildschirm wird kurz angezeigt, wenn der Benutzer die App startet. Ihre App muss ein Begrüßungsbildschirmbild bereitstellen, und Sie können auch eine Hintergrundfarbe angeben, die währenddessen verwendet wird. Sie geben das Bild und die optionale Hintergrundfarbe im SplashScreen-Element des App-Manifests an. Weitere Informationen finden Sie unter Richtlinien und Prüfliste für Begrüßungsbildschirme und Hinzufügen eines Begrüßungsbildschirms.

Zum Angeben Begrüßungsbildschirms legen Sie das Image-Attribut auf den Pfad zum Bild im Paket der App fest. Das Bild wird mit einer Hintergrundfarbe angezeigt, die im BackgroundColor-Attribut des SplashScreen-Elements definiert ist.

Erforderlich?Nur das Bild mit 620 x 300 Pixel ist erforderlich.
Größe
100%: 620 x 300
140%: 868 x 420
180%: 1116 x 540
Typ .png, .jpg, .jpeg

 

Square30x30Logo

Das Square30x30Logo wird von Windows an mehreren Stellen verwendet, z. B. wenn ein Kunde alle auf einem Gerät installierten Apps anzeigt.

Dieses Bild geben Sie im App-Manifest im Square30x30Logo-Attribut des VisualElements-Elements an.

Erforderlich?Nur das Bild mit 30 x 30 Pixel ist erforderlich.
Größe
80 %: 24 x 24
100 %: 30 x 30
140%: 42 x 42
180%: 54 x 54
Typ .png, .jpg, .jpeg

 

Square70x70Logo

Das Square70x70Logo wird verwendet, wenn ein Kunde für Ihre App die kleinere Anzeige als Kachel auf der Startseite auswählt. (Wenn Sie hierfür keine Ressource bereitstellen, wird eine verkleinerte Version der Ressource für die Square150x150Logo-Kachel verwendet.)

Dieses Bild geben Sie im App-Manifest im Square70x70Logo-Attribut des VisualElements-Elements an.

Erforderlich?Nein
Größe
80 %: 56 x 56
100 %: 70 x 70
140 %: 98 x 98
180 %: 126 x 126
Typ .png, .jpg, .jpeg

 

Square310x310Logo

Das Square310x310Logo wird verwendet, wenn ein Kunde für Ihre App die große Anzeige als Kachel auf der Startseite auswählt. Wenn Sie hierfür keine Ressource bereitstellen, kann die Größe der Kachel nicht für die größere Anzeige angepasst werden.

Hinweis  Die Unterstützung einer großen Kachel setzt voraus, dass auch die breite Kachel unterstützt wird. Wenn Sie also große Kacheln unterstützen möchten, müssen Sie Unterstützung für alle vier Kachelgrößen bereitstellen.

Dieses Bild geben Sie im App-Manifest im Square310x310Logo-Attribut des DefaultTile-Elements an.

Erforderlich?Nein
Größe
80 %: 248 x 248
100 %: 310 x 310
140 %: 434 x 434
180 %: 558 x 558
Typ .png, .jpg, .jpeg

 

Logo für die Infoanzeige

Das Logo für die Infoanzeige ist ein Bild, das neben der Infoanzeige steht und die App auf dem gesperrten Bildschirm kennzeichnet. Es ist optional und wird nicht anderweitig verwendet.

Dieses Bild geben Sie im App-Manifest im BadgeLogo-Attribut des LockScreen-Elements an. Weitere Informationen finden Sie unter Übersicht über den Sperrbildschirm.

Hinweis  Das Logo für die Infoanzeige muss schwarz-weiß sein.

Erforderlich?Nein
Größe
100%: 24 x 24
140 %: 33 x 33
180 %: 43 x 43
Typ .png, .jpg, .jpeg

 

 

 

Anzeigen:
© 2014 Microsoft