# Telefoon achtergrond formaat, en ontwerpen voor het vergrendelscherm

[Canonical HTML page](https://gradiently.design/nl/guide/phone-wallpaper-size)

De meeste telefoonachtergronden worden in de verkeerde vorm ontworpen en dan bijgesneden, ingezoomd en bedekt door een enorme klok. Een paar minuten plannen lost alle drie op.

## The short version

- Het beste formaat voor een telefoonachtergrond is de exacte resolutie van je scherm, die je vindt door een screenshot te maken en de pixelafmetingen te bekijken.
- De meeste moderne telefoons zijn veel hoger dan 16:9, vaak rond 9:19.5 tot 9:20, dus een afbeelding van 1080 bij 1920 wordt bijgesneden of ingezoomd.
- De klok en widgets op het vergrendelscherm bedekken het bovenste derde deel, meldingen vullen het midden en snelkoppelingen zitten in de onderste hoeken.
- Sommige telefoons zoomen of verschuiven de achtergrond als je kantelt of veegt, dus laat extra marge rond alles wat belangrijk is.
- Zachte kleurverlopen en rustige vlakken zijn de beste achtergronden, omdat de interface van de telefoon er bovenop ligt.

Het juiste **telefoon achtergrond formaat** is de exacte resolutie van je scherm. De meeste huidige telefoons hebben hoge schermen rond 9:19.5 tot 9:20, wat bij 1080 pixels breed neerkomt op ongeveer 2340 tot 2400 pixels hoog, maar modellen verschillen, dus controleer het jouwe. De snelste manier: maak een screenshot en bekijk de afmetingen in het infopaneel van je foto-app. Screenshots worden op de volle resolutie van het scherm opgeslagen, dus dat getal is het formaat waarop je ontwerpt.

De rest van deze gids behandelt vormen, de zones die de interface van de telefoon bedekt, en hoe je een achtergrond ontwerpt die er nog steeds goed uitziet onder een klok, widgets en een raster van iconen. Voor kleurideeën, zie [kleurverloop wallpaper](https://gradiently.design/nl/guide/gradient-wallpaper) en [aesthetic achtergronden](https://gradiently.design/nl/guide/aesthetic-backgrounds).

## Formaten en beeldverhoudingen van telefoonachtergronden

De beeldverhouding telt zwaarder dan het exacte aantal pixels. Een afbeelding in de juiste vorm schaalt netjes naar elk scherm met die vorm; een afbeelding in de verkeerde vorm wordt bijgesneden of uitgerekt. Storyafbeeldingen van 1080 bij 1920 (9:16) zijn een veelgemaakte fout: ze zijn duidelijk korter dan de meeste moderne telefoonschermen.

- 9:16 story, 1080×1920: 1080 × 1920
- Ongeveer 9:19.5: 1080 × 2340
- Ongeveer 9:20: 1080 × 2400

Een 9:16-story naast twee gangbare hoge telefoonvormen, allemaal 1080 pixels breed. Het verschil is het deel van je ontwerp dat wordt bijgesneden of ingezoomd.

| Vorm | Bij 1080 px breed | Opmerkingen |
| --- | --- | --- |
| 9:16 | 1080 × 1920 | Storyformaat; korter dan de meeste huidige telefoons |
| Ongeveer 9:19.5 | 1080 × 2340 | Een gangbare hoge telefoonvorm |
| Ongeveer 9:20 | 1080 × 2400 | Nog iets hoger |
| Jouw exacte scherm | Afmetingen van de screenshot | Het enige formaat dat gegarandeerd past |

De hoogtes zijn simpel rekenwerk bij 1080 pixels breed. Telefoons met een hogere resolutie gebruiken dezelfde vormen op grotere formaten.

> **Ontwerp iets groter** Maak de achtergrond op het formaat van je scherm of groter, in dezelfde vorm. Een grote afbeelding verkleinen blijft scherp; een kleine vergroten wordt zacht, en zachte kleurverlopen tonen dan meer banding.

## Wat je achtergrond op het vergrendelscherm bedekt

Een achtergrond op het vergrendelscherm zie je nooit op zichzelf. De telefoon tekent zijn interface erbovenop, en elk gebied heeft een taak. Plan de achtergrond zo dat het drukste of helderste deel niet botst met wat daar staat.

- **Bovenrand:** de statusbalk met tijd, signaal en batterij. Houd die rustig.
- **Bovenste derde:** de grote klok en datum, en op veel telefoons een rij widgets. Dit is het meest bedekte gebied.
- **Midden:** hier stapelen meldingen zich op en die kunnen het vullen. Drukke details maken ze moeilijker leesbaar.
- **Onderste hoeken en rand:** snelkoppelingen zoals zaklamp en camera, en de veegindicator.
- **Onderste midden:** meestal de best zichtbare open ruimte, en een goede plek voor het licht of het brandpunt.

Een hoog verticaal ontwerp met een grote tijd in klokstijl bovenaan op een rustig kleurverloop

Grote tijd in het bovenste derde, zoals een vergrendelscherm hem toont: de achtergrond blijft rustig achter de cijfers.

Sommige telefoons laten het onderwerp van een foto over de klok vallen, zodat de tijd achter een hoofd of een berg staat. Dat werkt alleen als het onderwerp in het bovenste derde staat en de telefoon het van de achtergrond kan scheiden. Voor abstracte achtergronden en kleurverlopen geldt de eenvoudigere regel: houd het bovenste derde rustig en gelijkmatig in lichtheid, zodat de klok leesbaar is in wit of donker.

## Achtergronden voor het beginscherm: iconen, widgets en het dock

Op het beginscherm bedekken iconen het grootste deel van het scherm in een raster, met een dock onderaan. Hier moet de achtergrond werken als een stil decor voor tientallen kleine, kleurige vormen. Details op iconformaat, zoals fijne patronen of tekst, maken van het scherm ruis.

### Vermijd

- Details op hetzelfde formaat als app-iconen
- Felwitte of gele vlakken achter witte labels
- Gezichten of tekst die je alleen tussen iconen door ziet
- Harde randen die slecht met het iconenraster uitlijnen

### Doe

- Zachte kleurverlopen en mild licht
- Gelijkmatige, middelste tot diepe tonen achter iconlabels
- Eén brandpunt in het open onderste midden
- Een donkerdere of lichtere versie voor elke weergavemodus

## Parallax, zoom en meeschuivende uitsneden

Telefoons tonen de achtergrond niet altijd precies zoals je hem maakte. Sommige zoomen iets in of bewegen de afbeelding als je de telefoon kantelt, waardoor de randen wegvallen. Sommige Android-launchers schuiven de achtergrond zijwaarts mee als je tussen beginschermen veegt, waardoor een bredere afbeelding in delen te zien is. En de telefoon kan automatisch inzoomen als je afbeelding niet de vorm van het scherm heeft.

De oplossing is marge. Houd alles wat zichtbaar moet blijven, zoals een gloed als brandpunt of een klein detail, ruim binnen het kader, ongeveer 10 procent van elke rand. Kleurverlopen vangen dit allemaal soepel op, want een verloop bijsnijden toont er gewoon iets minder van. Biedt je telefoon aan om het zoom- of bewegingseffect uit te zetten, doe dat dan als je een exacte pasvorm wilt.

- Lage zonsondergloed: `radial-gradient(ellipse at 50% 80%, #ff9e7a 0%, #b4487a 40%, #2a1540 100%)`
- Getijdenpoel: `radial-gradient(ellipse at 50% 75%, #7ee0c3 0%, #2d7f8a 45%, #0c1f2e 100%)`
- Opkomend violet: `linear-gradient(180deg, #1c1836 0%, #3a2f73 55%, #b28dff 100%)`
- Zand, lichte modus: `linear-gradient(180deg, #f2efe8 0%, #e6dccb 60%, #d4b99a 100%)`

Kleurverlopen die goed werken op het vergrendelscherm: rustig en gelijkmatig bovenaan voor de klok, met het licht laag verzameld waar het scherm het meest open is.

## Zo maak je een telefoonachtergrond die past

1. **Zoek je exacte formaat** Maak een screenshot en lees de pixelafmetingen af. Dat is je canvas.
2. **Houd het bovenste derde rustig** Gelijkmatige lichtheid achter de klok en widgets, zodat de tijd duidelijk leesbaar is.
3. **Zet het licht laag** Plaats de gloed of het brandpunt in het onderste midden, de best zichtbare open ruimte.
4. **Laat marge** Houd belangrijke details ongeveer 10 procent van elke rand, zodat ze zoom en parallax overleven.
5. **Exporteer vloeiend** PNG of JPEG in hoge kwaliteit, met fijne korrel tegen banding. Zie [korrelige kleurverlopen](https://gradiently.design/nl/guide/grainy-gradients).
6. **Test beide schermen** Controleer het vergrendelscherm en het beginscherm, in lichte en donkere weergave als je telefoon wisselt.

In Gradiently kun je een eigen formaat instellen dat precies bij je screenshot past, van 200 tot 8000 pixels per zijde, en ontwerpen met elke Mark als achtergrond. Voor een bewegende versie kan een Mark exporteren als loop van 5 tot 30 seconden voor een [live wallpaper](https://gradiently.design/nl/guide/live-wallpaper).

## FAQ

### Welk formaat heeft een telefoonachtergrond?

De exacte resolutie van je scherm. De meeste moderne telefoons zitten rond 9:19.5 tot 9:20, ongeveer 1080 bij 2340 tot 2400 bij 1080 pixels breed, maar controleer het jouwe met een screenshot.

### Hoe vind ik de schermresolutie van mijn telefoon?

Maak een screenshot en bekijk de details in je foto-app. Screenshots worden op de volle resolutie van het scherm opgeslagen, dus die afmetingen zijn het formaat voor je achtergrond.

### Waarom ziet mijn achtergrond er ingezoomd uit?

Ofwel heeft de afbeelding niet dezelfde vorm als je scherm, ofwel past de telefoon een zoom- of bewegingseffect toe. Gebruik de exacte schermvorm en zet het effect uit als je een perfecte pasvorm wilt.

### Is 1080 bij 1920 een goed formaat voor een telefoonachtergrond?

Het is een 9:16-vorm, korter dan de meeste huidige telefoons, dus wordt het bijgesneden of ingezoomd om het scherm te vullen. Een hogere afbeelding in de vorm van je telefoon past beter.