# Puhelimen taustakuvan koko ja suunnittelu lukitusnäytölle

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

Useimmat puhelimen taustakuvat suunnitellaan väärän muotoisiksi, minkä jälkeen ne rajataan, zoomataan ja peitetään valtavalla kellolla. Muutaman minuutin suunnittelu korjaa kaikki kolme.

## The short version

- Paras puhelimen taustakuvan koko on näyttösi tarkka resoluutio, jonka saat selville ottamalla kuvakaappauksen ja tarkistamalla sen pikselimitat.
- Useimmat nykypuhelimet ovat paljon korkeampia kuin 16:9, yleensä noin 9:19.5 tai 9:20, joten 1080 × 1920 pikselin kuva rajataan tai zoomataan.
- Lukitusnäytön kello ja widgetit peittävät ylimmän kolmanneksen, ilmoitukset täyttävät keskiosan ja pikakuvakkeet ovat alakulmissa.
- Jotkin puhelimet zoomaavat tai siirtävät taustakuvaa, kun kallistat tai pyyhkäiset, joten jätä kaiken tärkeän ympärille ylimääräistä marginaalia.
- Pehmeät liukuvärit ja rauhalliset kentät ovat parhaita taustakuvia, koska puhelimen oma käyttöliittymä on niiden päällä.

Oikea **puhelimen taustakuvan koko** on näyttösi tarkka resoluutio. Useimmissa nykypuhelimissa on korkea näyttö, noin 9:19.5 tai 9:20, mikä tarkoittaa 1080 pikselin leveydellä suunnilleen 2340 tai 2400 pikselin korkeutta, mutta mallit eroavat, joten tarkista omasi. Nopein tapa: ota kuvakaappaus ja katso sen mitat kuvasovelluksesi tietopaneelista. Kuvakaappaukset tallentuvat näytön täydellä resoluutiolla, joten tuo luku on koko, jossa suunnitellaan.

Oppaan loppuosa käsittelee muotoja, alueita, jotka puhelimen käyttöliittymä peittää, ja sitä, miten suunnittelet taustakuvan, joka näyttää oikealta myös kellon, widgetien ja kuvakeruudukon alla. Väri-ideoita löydät oppaista [liukuväritaustakuva](https://gradiently.design/fi/guide/gradient-wallpaper) ja [esteettiset taustat](https://gradiently.design/fi/guide/aesthetic-backgrounds).

## Puhelimen taustakuvien koot ja kuvasuhteet

Kuvasuhde on tärkeämpi kuin tarkka pikselimäärä. Oikean muotoinen kuva skaalautuu siististi mille tahansa saman muotoiselle näytölle. Väärän muotoinen kuva rajataan tai venytetään. Sometarinoiden 1080 × 1920 (9:16) kuvat ovat yleinen virhe: ne ovat selvästi lyhyempiä kuin useimmat nykypuhelinten näytöt.

- 9:16-tarina, 1080×1920: 1080 × 1920
- Noin 9:19.5: 1080 × 2340
- Noin 9:20: 1080 × 2400

9:16-tarina kahden yleisen korkean puhelinmuodon vieressä, kaikki 1080 pikselin levyisinä. Ero on se osa suunnitelmastasi, joka rajataan tai zoomataan.

| Muoto | 1080 px:n leveydellä | Huomioita |
| --- | --- | --- |
| 9:16 | 1080 × 1920 | Tarinaformaatti, lyhyempi kuin useimmat nykypuhelimet |
| Noin 9:19.5 | 1080 × 2340 | Yleinen korkea puhelinmuoto |
| Noin 9:20 | 1080 × 2400 | Vielä hieman korkeampi |
| Oma näyttösi | Kuvakaappauksen mitat | Ainoa koko, joka varmasti sopii |

Korkeudet ovat yksinkertaista laskentoa 1080 pikselin leveydellä. Tarkemmat puhelimet käyttävät samoja muotoja suuremmissa koissa.

> **Suunnittele hieman suuremmaksi** Tee taustakuva näyttösi kokoisena tai suurempana samassa muodossa. Suuren kuvan pienentäminen pysyy terävänä. Pienen suurentaminen pehmenee, ja pehmeissä liukuväreissä raidoittuminen näkyy herkemmin.

## Mikä peittää lukitusnäytön taustakuvan

Lukitusnäytön taustakuvaa ei koskaan nähdä sellaisenaan. Puhelin piirtää käyttöliittymänsä sen päälle, ja jokaisella alueella on tehtävä. Suunnittele taustakuva niin, ettei sen vilkkain tai kirkkain osa kilpaile sen kanssa, mitä siinä kohdassa on.

- **Yläreuna:** tilapalkki, jossa ovat kellonaika, signaali ja akku. Pidä se rauhallisena.
- **Ylin kolmannes:** suuri kello ja päivämäärä sekä monissa puhelimissa rivi widgetejä. Tämä on eniten peitetty alue.
- **Keskiosa:** ilmoitukset pinoutuvat tänne ja voivat täyttää sen. Vilkkaat yksityiskohdat tekevät niistä vaikeampia lukea.
- **Alakulmat ja alareuna:** pikakuvakkeet, kuten taskulamppu ja kamera, sekä pyyhkäisyn ilmaisin.
- **Alempi keskiosa:** yleensä näkyvin avoin tila ja hyvä paikka valolle tai kiintopisteelle.

Korkea pystysuuntainen suunnitelma, jossa suuri kellomainen aika on lähellä yläreunaa rauhallisen liukuvärin päällä

Suuri kellonaika ylimmässä kolmanneksessa, kuten lukitusnäyttö sen näyttää: tausta pysyy rauhallisena numeroiden takana.

Jotkin puhelimet antavat valokuvan kohteen mennä kellon päälle, jolloin aika jää pään tai vuoren taakse. Se toimii vain, kun kohde on ylimmässä kolmanneksessa ja puhelin pystyy erottamaan sen taustasta. Abstrakteille ja liukuväritaustakuville pätee yksinkertaisempi sääntö: pidä ylin kolmannes rauhallisena ja vaaleudeltaan tasaisena, jotta kello erottuu valkoisena tai tummana.

## Aloitusnäytön taustakuvat: kuvakkeet, widgetit ja telakka

Aloitusnäytöllä kuvakkeet peittävät suurimman osan näytöstä ruudukkona, ja alareunassa on telakka. Täällä taustakuvan pitää toimia hiljaisena taustana kymmenille pienille, värikkäille muodoille. Kuvakkeen kokoiset yksityiskohdat, kuten hienot kuviot tai teksti, tekevät näytöstä hälyä.

### Vältä

- Sovelluskuvakkeiden kokoisia yksityiskohtia
- Kirkkaan valkoisia tai keltaisia alueita valkoisten tekstien takana
- Kasvoja tai tekstiä, jotka näet vain kuvakkeiden välistä
- Vahvoja reunoja, jotka osuvat huonosti kuvakeruudukkoon

### Tee näin

- Pehmeät liukuvärit ja lempeä valo
- Tasaiset, keskisävyiset tai syvät sävyt kuvakkeiden tekstien takana
- Yksi kiintopiste avoimessa alemmassa keskiosassa
- Tummempi tai vaaleampi versio kumpaankin ulkoasutilaan

## Parallaksi, zoomaus ja vierivät rajaukset

Puhelimet eivät aina näytä taustakuvaa täsmälleen sellaisena kuin teit sen. Jotkin zoomaavat kuvaa hieman tai liikuttavat sitä, kun kallistat puhelinta, mikä leikkaa reunoja. Jotkin Android-käynnistimet vierittävät taustakuvaa sivuttain, kun pyyhkäiset aloitusnäytöltä toiselle, jolloin leveämpi kuva näkyy osissa. Puhelin voi myös zoomata automaattisesti, jos kuvasi ei ole näytön muotoinen.

Ratkaisu on marginaali. Pidä kaikki, minkä on pysyttävä näkyvissä, kuten hehkuva kiintopiste tai pieni yksityiskohta, reilusti kuvan sisäpuolella, noin 10 prosentin päässä jokaisesta reunasta. Liukuvärit kestävät kaiken tämän hyvin, koska häivytyksen rajaaminen näyttää siitä vain hieman vähemmän. Jos puhelimesi antaa kytkeä zoomauksen tai liiketehosteen pois, tee se, kun haluat tarkan sovituksen.

- Matala auringonlaskun hehku: `radial-gradient(ellipse at 50% 80%, #ff9e7a 0%, #b4487a 40%, #2a1540 100%)`
- Vuorovesiallas: `radial-gradient(ellipse at 50% 75%, #7ee0c3 0%, #2d7f8a 45%, #0c1f2e 100%)`
- Nouseva violetti: `linear-gradient(180deg, #1c1836 0%, #3a2f73 55%, #b28dff 100%)`
- Hiekka, vaalea tila: `linear-gradient(180deg, #f2efe8 0%, #e6dccb 60%, #d4b99a 100%)`

Lukitusnäytölle sopivia liukuvärejä: ylhäällä rauhallinen ja tasainen kelloa varten, ja valo on koottu alas, missä näyttö on avoimin.

## Näin teet sopivan puhelimen taustakuvan

1. **Selvitä tarkka kokosi** Ota kuvakaappaus ja lue sen pikselimitat. Se on piirtoalueesi.
2. **Pidä ylin kolmannes rauhallisena** Tasainen vaaleus kellon ja widgetien takana, jotta aika erottuu selvästi.
3. **Sijoita valo alas** Laita hehku tai kiintopiste alempaan keskiosaan, näkyvimpään avoimeen tilaan.
4. **Jätä marginaali** Pidä tärkeät yksityiskohdat noin 10 prosentin päässä jokaisesta reunasta, jotta ne kestävät zoomauksen ja parallaksin.
5. **Vie pehmeästi** PNG tai korkealaatuinen JPEG ja hieno rakeisuus raidoittumisen estämiseksi. Katso [rakeiset liukuvärit](https://gradiently.design/fi/guide/grainy-gradients).
6. **Testaa molemmat näytöt** Tarkista lukitusnäyttö ja aloitusnäyttö, vaaleassa ja tummassa tilassa, jos puhelimesi vaihtaa niiden välillä.

Gradientlyssä voit asettaa mukautetun koon täsmälleen kuvakaappauksesi mukaan, mistä tahansa 200 ja 8000 pikselin väliltä kummallekin sivulle, ja suunnitella millä tahansa Markilla taustana. Liikkuvaa versiota varten Markin voi viedä 5 ja 30 sekunnin välisenä silmukkana [eläväksi taustakuvaksi](https://gradiently.design/fi/guide/live-wallpaper).

## FAQ

### Minkä kokoinen puhelimen taustakuva on?

Näyttösi tarkan resoluution kokoinen. Useimmat nykypuhelimet ovat noin 9:19.5 tai 9:20, suunnilleen 1080 × 2340 tai 2400 pikseliä 1080 pikselin leveydellä, mutta tarkista omasi kuvakaappauksella.

### Miten saan selville puhelimeni näytön resoluution?

Ota kuvakaappaus ja katso sen tiedot kuvasovelluksessa. Kuvakaappaukset tallentuvat näytön täydellä resoluutiolla, joten nuo mitat ovat taustakuvan koko.

### Miksi taustakuvani näyttää zoomatulta?

Joko kuva ei ole saman muotoinen kuin näyttösi tai puhelin käyttää zoomaus- tai liiketehostetta. Käytä näytön tarkkaa muotoa ja kytke tehoste pois, jos haluat täydellisen sovituksen.

### Onko 1080 × 1920 hyvä puhelimen taustakuvan koko?

Se on 9:16-muoto, lyhyempi kuin useimmat nykypuhelimet, joten se rajataan tai zoomataan täyttämään näyttö. Korkeampi, puhelimesi muotoinen kuva sopii paremmin.