Naar de inhoud
helpyself

Voorbeeld app-achtergrond

Local only — nothing is uploaded unless you save or share it.

Vind het formaat voor een app-achtergrond dat op elke telefoon en tablet overleeft.

  1. Sleep de afbeelding erin die je als schermvullende achtergrond wilt gebruiken.
  2. Kies de weergavemodus die je app gebruikt — vullend is de gebruikelijke voor achtergronden.
  3. Lees bovenaan het veilige gebied af: die rechthoek is op elk getoond apparaat zichtbaar.
  4. Zoek in het raster de strakste uitsnede en verplaats je onderwerp naar binnen als het niet overleeft.

Deel een link

Bewaart dit in je bestanden en geeft je een adres dat iedereen kan openen. Hij vervalt vanzelf.

Link blijft geldig
Bewaar deze tool

Houd Voorbeeld app-achtergrond bij de hand

Bewaar als bladwijzer

Over deze tool

Een schermvullende achtergrond wordt bijna nooit heel getoond. Het scherm heeft de ene verhouding, jouw beeld de andere, en er moet iets wijken — dus het onderwerp dat je zorgvuldig centreerde overleeft op de simulator die je testte en verliest zijn hoofd op iemands iPad. Dit laat de schade zien vóór je uitlevert. Sleep er een afbeelding in en elk apparaat wordt in één keer getekend, staand en liggend, met precies de plak van je beeld die het scherm haalt. Boven het raster staat het getal waar het echt om gaat: de rechthoek die op elk apparaat dat je controleert zichtbaar is. Daar kan een logo, een gezicht of een regel tekst staan en overal overleven. Ook de weergavemodi komen aan bod, want een achtergrond die op passend staat in plaats van vullend faalt heel anders — balken aan de zijkanten in plaats van een uitsnede — en die twee worden voortdurend verward. Zet de veilige gebieden aan en de notch, de statusbalk en de home-indicator worden er overheen gearceerd, want een achtergrond wordt van rand tot rand getekend en het systeemmeubilair ligt erop in plaats van het opzij te duwen. Er wordt niets geüpload: de afbeelding wordt in je browser gelezen en getekend, en de rekensom is pure meetkunde.

Veelgestelde vragen

Waarom zijn apparaten op verhouding gegroepeerd en niet op model?

Omdat twee telefoons met dezelfde vorm een achtergrond identiek uitsnijden, hoeveel pixels ze ook hebben — de uitsnede is een gelijkvormigheid en de resolutie valt weg. Veertig modellen opsommen zou veertig regels opleveren en ongeveer vier verschillende antwoorden, en de lijst zou elk najaar verouderd zijn.

Hoeveel van mijn achtergrondafbeelding is op een telefoon zichtbaar?

Minder dan je zou denken, en het verschilt per apparaat — een telefoon van 19,5:9 toont een hoge plak van een 16:9-beeld en gooit de zijkanten weg. Daarvoor is dit voorbeeld van schermverhoudingen bedoeld: alle gangbare vormen tegelijk, met het veilige gebied van de achtergrondafbeelding gemarkeerd als het deel dat op alle overleeft.

Wat is het veilige gebied precies?

Het deel van je afbeelding dat op elk apparaat dat je controleert zichtbaar is, in beide standen. Het is een doorsnede en geen gemiddelde, want een onderwerp dat op één van de zeven apparaten wordt afgesneden is afgesneden — middelen zou juist het geval verbergen waar je naar zoekt.

Waarom maken de notch en de home-indicator de afbeelding niet kleiner?

Een schermvullende achtergrond wordt van rand tot rand achter alles getekend, dus het systeemmeubilair bedekt hem in plaats van hem uit te snijden. Dat is een andere vraag dan de uitsnede, en daarom zijn de veilige gebieden een aparte schakelaar en worden ze over het voorbeeld heen gearceerd in plaats van eruit gesneden.

Welke weergavemodus moet ik voor een achtergrond gebruiken?

Vullend, bijna altijd — het bedekt het scherm en snijdt het teveel weg. Passend toont het hele beeld maar laat balken, uitrekken vervormt het, en centreren toont het op ware grootte. Het gereedschap meldt welke ervan gebeurt, zodat een fout zichtbaar is in plaats van subtiel.

Wordt mijn afbeelding ergens geüpload?

Nee. Het bestand wordt in je browser gelezen om de afmetingen te krijgen en de voorbeelden te tekenen, en het verlaat het tabblad nooit. De API-versie neemt helemaal geen afbeelding — die werkt alleen met breedte en hoogte, dus je kunt een vorm controleren voordat het beeld bestaat.

Help deze tool beter te maken

Een fout gevonden, iets anders willen, of mis je een tool?

/app-background-preview

↑↓ om te bewegen · Enter om te openen · Esc om te sluiten