Anteprima sfondo app
Local only — nothing is uploaded unless you save or share it.
Trova la dimensione dell'immagine di sfondo che sopravvive su ogni telefono e tablet.
- Trascina dentro l'immagine che intendi usare come sfondo a schermo intero.
- Scegli la modalità di contenuto della tua app — riempi è quella solita per gli sfondi.
- Leggi l'area sicura in alto: quel rettangolo è visibile su ogni dispositivo mostrato.
- Scorri la griglia in cerca del ritaglio più stretto e sposta il soggetto dentro l'area sicura se non sopravvive.
Salva questo strumento
Tieni Anteprima sfondo app a portata di mano
Usa il menu Condividi del browser, poi «Aggiungi a Home».
Su questo strumento
Uno sfondo a schermo intero non viene quasi mai mostrato per intero. Lo schermo ha una proporzione, la tua grafica ne ha un'altra, e qualcosa deve cedere — così il soggetto che hai centrato con cura sopravvive sul simulatore che hai provato e perde la testa sull'iPad di qualcuno. Qui vedi il danno prima di pubblicarlo. Trascina dentro un'immagine e ogni dispositivo viene disegnato in una volta, in verticale e in orizzontale, mostrando la fetta esatta della tua grafica che arriva sullo schermo. Sopra la griglia c'è il numero che conta davvero: il rettangolo visibile su ogni dispositivo che stai controllando. Lì può stare un logo, un volto o una riga di testo e sopravvivere ovunque. Sono coperte anche le modalità di contenuto, perché uno sfondo impostato su adatta invece che riempi fallisce in modo completamente diverso — bande ai lati anziché un ritaglio — e le due si confondono di continuo. Attiva le aree sicure e il notch, la barra di stato e l'indicatore home vengono ombreggiati sopra, dato che uno sfondo si disegna da bordo a bordo e gli elementi di sistema gli si posano sopra invece di spostarlo. Non viene caricato nulla: l'immagine viene letta e disegnata nel tuo browser, e i conti sono pura geometria.
Domande frequenti
Perché i dispositivi sono raggruppati per proporzione e non per modello?
Perché due telefoni della stessa forma ritagliano uno sfondo allo stesso modo, qualunque sia il conteggio dei pixel — il ritaglio è una similitudine e la risoluzione si semplifica. Elencare quaranta modelli produrrebbe quaranta righe e circa quattro risposte distinte, e l'elenco sarebbe superato ogni autunno.
Quanta parte della mia immagine di sfondo si vede su un telefono?
Meno di quanto immagineresti, e cambia da dispositivo a dispositivo — un telefono 19,5:9 mostra una fetta alta di un'immagine 16:9 e butta via i lati. È a questo che serve questa anteprima delle proporzioni dello schermo: tutte le forme comuni in una volta, con l'area sicura dell'immagine di sfondo segnata come la parte che sopravvive su tutte.
Che cos'è esattamente l'area sicura?
La parte della tua immagine visibile su ogni dispositivo che stai controllando, in entrambi gli orientamenti. È un'intersezione e non una media, perché un soggetto ritagliato su un dispositivo su sette è ritagliato — fare la media nasconderebbe proprio il caso che stai cercando.
Perché il notch e l'indicatore home non rimpiccioliscono l'immagine?
Uno sfondo a schermo intero si disegna da bordo a bordo, dietro a tutto, quindi gli elementi di sistema lo coprono invece di ritagliarlo. È una domanda diversa dal ritaglio, ed è per questo che le aree sicure sono un interruttore a parte e vengono ombreggiate sopra l'anteprima anziché ritagliate via da essa.
Quale modalità di contenuto devo usare per uno sfondo?
Riempi, quasi sempre — copre lo schermo e ritaglia l'eccedenza. Adatta mostra l'immagine intera ma lascia le bande, allunga la deforma e centra la mostra a dimensione nativa. Lo strumento segnala quale delle quattro sta avvenendo, così un errore è visibile anziché sottile.
La mia immagine viene caricata da qualche parte?
No. Il file viene letto nel tuo browser per ricavarne le dimensioni e disegnare le anteprime, e non lascia mai la scheda. La versione API non accetta alcuna immagine — lavora solo con larghezza e altezza, così puoi controllare una forma prima che la grafica esista.
Aiutaci a migliorare questo strumento
Hai trovato un errore, vuoi una modifica, o ti manca uno strumento?
Hai un messaggio non inviato.
Grazie — è arrivato. Troverai la risposta nella tua casella.Go to my messages