App-Hintergrund-Vorschau
Local only — nothing is uploaded unless you save or share it.
Finden Sie die Größe für App-Hintergrundbilder, die auf jedem Handy und Tablet überlebt.
- Ziehen Sie das Bild hinein, das Sie als Vollbildhintergrund verwenden wollen.
- Wählen Sie den Anzeigemodus Ihrer App — Füllen ist bei Hintergründen der übliche.
- Lesen Sie oben den sicheren Bereich ab: Dieses Rechteck ist auf jedem gezeigten Gerät sichtbar.
- Suchen Sie im Raster den engsten Beschnitt und rücken Sie Ihr Motiv in den sicheren Bereich, wenn es nicht überlebt.
Tool speichern
App-Hintergrund-Vorschau griffbereit halten
Nutzen Sie das Teilen-Menü Ihres Browsers und dann „Zum Home-Bildschirm“.
Über dieses Tool
Ein Vollbildhintergrund wird fast nie ganz gezeigt. Der Bildschirm hat ein Seitenverhältnis, Ihr Bild ein anderes, und irgendetwas muss nachgeben — also überlebt das sorgfältig zentrierte Motiv im getesteten Simulator und verliert auf dem iPad von jemandem den Kopf. Hier sehen Sie den Schaden, bevor Sie ausliefern. Ziehen Sie ein Bild hinein, und jedes Gerät wird auf einmal gezeichnet, hochkant und quer, mit genau dem Ausschnitt Ihres Bildes, der auf den Schirm gelangt. Über dem Raster steht die Zahl, auf die es ankommt: das Rechteck, das auf jedem geprüften Gerät sichtbar ist. Dort kann ein Logo, ein Gesicht oder eine Textzeile stehen und überall überleben. Auch die Anzeigemodi sind abgedeckt, denn ein Hintergrund, der einpassen statt füllen soll, versagt völlig anders — Balken an den Seiten statt eines Beschnitts — und die beiden werden ständig verwechselt. Schalten Sie die sicheren Bereiche ein, und Notch, Statusleiste und Home-Indikator werden darübergelegt schattiert, denn ein Hintergrund wird von Kante zu Kante gezeichnet, und die Systemelemente liegen darauf, statt ihn beiseitezuschieben. Nichts wird hochgeladen: Das Bild wird in Ihrem Browser gelesen und gezeichnet, und die Rechnung ist reine Geometrie.
Häufige Fragen
Warum sind Geräte nach Seitenverhältnis statt nach Modell gruppiert?
Weil zwei Handys derselben Form einen Hintergrund gleich beschneiden, egal wie viele Pixel sie haben — der Beschnitt ist eine Ähnlichkeitsabbildung, und die Auflösung kürzt sich heraus. Vierzig Modelle aufzulisten ergäbe vierzig Zeilen und etwa vier verschiedene Antworten, und die Liste wäre jeden Herbst veraltet.
Wie viel von meinem Hintergrundbild ist auf einem Handy sichtbar?
Weniger, als Sie vermuten würden, und es hängt vom Gerät ab — ein Handy mit 19,5:9 zeigt einen hohen Streifen eines 16:9-Bildes und wirft die Seiten weg. Genau dafür ist diese Vorschau der Bildschirm-Seitenverhältnisse da: alle gängigen Formen auf einmal, mit dem markierten sicheren Bereich als dem Teil, der auf allen überlebt.
Was genau ist der sichere Bereich?
Der Teil Ihres Bildes, der auf jedem geprüften Gerät sichtbar ist, in beiden Ausrichtungen. Es ist eine Schnittmenge und kein Mittelwert, denn ein Motiv, das auf einem von sieben Geräten beschnitten wird, ist beschnitten — ein Mittelwert würde genau den Fall verstecken, den Sie suchen.
Warum verkleinern Notch und Home-Indikator das Bild nicht?
Ein Vollbildhintergrund wird von Kante zu Kante hinter allem gezeichnet, die Systemelemente verdecken ihn also, statt ihn zu beschneiden. Das ist eine andere Frage als der Beschnitt, weshalb die sicheren Bereiche ein eigener Schalter sind und über die Vorschau gelegt werden, statt aus ihr herausgeschnitten zu sein.
Welchen Anzeigemodus soll ich für einen Hintergrund nehmen?
Fast immer Füllen — es deckt den Schirm ab und beschneidet den Überstand. Einpassen zeigt das ganze Bild, lässt aber Balken, Strecken verzerrt es, und Zentrieren zeigt es in Originalgröße. Das Werkzeug meldet, welches davon passiert, damit ein Fehler sichtbar statt subtil ist.
Wird mein Bild irgendwohin hochgeladen?
Nein. Die Datei wird in Ihrem Browser gelesen, um ihre Maße zu bekommen und die Vorschauen zu zeichnen, und sie verlässt den Tab nie. Die API-Fassung nimmt überhaupt kein Bild — sie arbeitet allein mit Breite und Höhe, sodass Sie eine Form prüfen können, bevor das Bild existiert.
Helfen Sie, dieses Tool zu verbessern
Einen Fehler gefunden, eine Änderung im Kopf, oder fehlt Ihnen ein Tool?
Sie haben einen ungesendeten Entwurf.
Danke — ist bei uns angekommen. Die Antwort finden Sie in Ihrem Postfach.Go to my messages