# Spotify Canvasin koko: 1080×1920 ja toistuva liike

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

Canvas korvaa kansikuvan lyhyellä liikkuvalla silmukalla, kun joku kuuntelee puhelimella. Se toistuu yhä uudelleen, joten liitos ei saa nykäistä.

## The short version

- Spotify Canvasin koko on 1080×1920 pikseliä eli 9:16-pystyvideo.
- Canvas on lyhyt toistuva visuaali, joka korvaa kansikuvan Spotifyn mobiilisovelluksen toistonäkymässä.
- Spotify määrittää Canvasille lyhyen sekunneissa mitattavan pituusvälin, jonka nykyiset rajat löytyvät Spotify for Artistsista.
- Kappaletiedot ja toistosäätimet peittävät näytön alaosan, joten Canvasin katseenvangitsijan paikka on keskellä yläosaa.
- Canvas toistuu omaan tahtiinsa musiikista riippumatta, joten sen liitoksen pitää olla saumaton eikä leikkauksia kannata ajoittaa rytmiin.

**Spotify Canvasin koko** on 1080×1920 pikseliä. Se on 9:16-pystyvideo, joka näkyy kansikuvasi sijaan, kun joku kuuntelee Spotifyn mobiilisovelluksessa. Muutaman sekunnin silmukka ladataan Spotify for Artistsin kautta, ja se toistuu koko kappaleen ajan. Spotifyn käyttöliittymä peittää näytön alaosan kappaleen nimellä ja säätimillä. Pidä siksi katseenvangitsija yläosan keskellä ja tee viimeisestä ruudusta suora jatko ensimmäiseen.

## Spotify Canvasin mitat ja tekniset tiedot

| Ominaisuus | Arvo |
| --- | --- |
| Koko | 1080×1920 px |
| Kuvasuhde | 9:16, pysty |
| Tiedosto | Lyhyt video, yleensä MP4 |
| Pituus | Muutaman sekunnin silmukka Spotify for Artistsin latausnäkymässä ilmoittamalla pituusvälillä |
| Toistopaikka | Spotifyn mobiilisovelluksen toistonäkymä |
| Lataaja | Artisti tai hänen tiiminsä Spotify for Artistsissa |

Spotify julkaisee tarkan pituusvälin ja tiedostorajat Spotify for Artistsissa ja päivittää niitä ajoittain. Tarkista ne ennen vientiä.

Canvas käyttää samaa kuvakokoa kuin Instagramin tarinat ja Reelsit, TikTok ja YouTube Shorts. Sillä on merkitystä: yhdelle kappaleelle tekemäsi silmukka voi toimia kaikkien sitä mainostavien pystyjulkaisujen taustana.

- Spotify Canvas 1080×1920: 1080 × 1920
- Albumin kansi 3000×3000: 3000 × 3000
- Soittolistan kansi 1080×1080: 1080 × 1080

Canvas ja sen korvaama neliömäinen kansikuva rinnakkain. Älä vain venytä kantta korkeaksi. Sommittele se uudelleen tai anna kannen värien liikkua.

## Spotify Canvasin turva-alue

Toistonäkymässä Spotify sijoittaa navigoinnin ylös ja kappaleen nimen, artistin, edistymispalkin ja painikkeet näytön alaosaan. Alaosa on yleensä tummennettu, jotta säätimet pysyvät luettavina. Sinne sijoittamasi tärkeä sisältö jää osittain piiloon tai hämäräksi.

| 1080×1920-kuvan alue | Peittävä sisältö | Käyttötarkoitus |
| --- | --- | --- |
| Ylimmät 250 px | Paluunuoli, lähteen nimi, valikko | Tausta ja liike |
| Yläosan keskialue | Ei mitään | Silmukan katseenvangitsija |
| Alin kolmannes | Nimi, artisti, edistymispalkki, säätimet | Vain tausta, ei mitään olennaista |

Käytännön alueet, eivät viralliset mitat. Puhelinten muodot vaihtelevat, joten jätä kohteelle reilusti tilaa yläosan keskellä.

> **Teksti Canvasissa** Spotifyn oma ohjeistus kehottaa välttämään tekstiä, logoja ja toimintakehotteita Canvasissa: kappaleen nimi näkyy jo näytöllä. Anna silmukan välittää sen sijaan kappaleen tunnelma.

## Tee Spotify Canvasista saumattomasti toistuva

Canvasia ei ajoiteta musiikkiin. Se käynnistyy kappaleen mukana ja toistuu oman pituutensa mukaan. Ensimmäisellä kerralla musiikin pudotukseen osuva leikkaus menee joka seuraavalla kerralla ohi. Tavoite on liike, jonka alkamista uudelleen ei huomaa. [Saumattoman videosilmukan opas](https://gradiently.design/fi/guide/seamless-loop-video) käsittelee tekniikkaa tarkasti. Nämä menetelmät sopivat Canvasille parhaiten.

| Tekniikka | Toistumistapa | Sopii |
| --- | --- | --- |
| Hidas värien liike | Värit liikkuvat ja palaavat lähtöpaikkaansa | Ambient, elektroninen musiikki, pehmeä pop |
| Pyörähdys | Muoto tai valo kiertää täsmälleen yhden täyden kierroksen | Hypnoottinen, minimalistinen, tekno |
| Edestakainen toisto | Video toistuu eteenpäin ja sitten takaperin | Hitaat kameraliikkeet, savu, vesi |
| Ristihäivytys | Loppu häivytetään alkuun sekunnin aikana | Kuvattu materiaali ilman luonnollista kiertoa |
| Hengitys | Koko tai valo paisuu ja laskee | Balladit, akustinen musiikki, piano |

Syklinen liike on helpoin: lähtötilaansa palaava liike liittyy alkuun saumatta.

1. **Valitse yksi liike** Yksi hidas liike erottuu pienellä näytöllä paremmin kuin kolme keskenään kilpailevaa.
2. **Päätä pituus ensin** Valitse pituus Spotifyn sallimasta välistä ja sovita kierto siihen tarkasti, jotta ensimmäinen ja viimeinen ruutu vastaavat toisiaan.
3. **Pidä liike hitaana** Silmukka toistuu kymmeniä kertoja yhden kuuntelun aikana. Nopea liike väsyttää, hidas luo tunnelmaa.
4. **Tarkista liitos** Toista tiedostoa silmukkana minuutin ajan. Jos huomaat uudelleenkäynnistymisen, tasoita viimeistä puolta sekuntia.
5. **Vie koossa 1080×1920** Vie täysikokoinen pysty-MP4 ja lataa se kappaleelle Spotify for Artistsissa.

### Vältä

- Nopeat leikkaukset ja vilkkuva valo
- Kappaleen nimi kirjoitettuna keskelle
- Staattinen kansi hitaalla zoomilla, joka napsahtaa takaisin
- Tärkeä yksityiskohta alimmassa kolmanneksessa
- Rytmin varaan rakennettu liike

### Tee näin

- Yksi hidas ja jatkuva liike
- Väri ja valo välittävät tunnelman
- Liike, joka palaa lähtötilaansa
- Katseenvangitsija yläosan keskelle
- Silmukka, joka toimii missä tahansa kappaleen kohdassa

## Kappaleen tunnelmaa vastaava väri

Useimmat toimivat Canvasit ovat pääosin väriä ja valoa. Aloita kansikuvan paletista, jotta Canvas tuntuu samalta julkaisulta, ja anna sitten yhden värin liikkua. Nämä lähtökohdat näyttävät, kuinka paljon tunnelmaa yksinkertainen sekoitus välittää.

- Myöhäisillan pop: `radial-gradient(circle at 50% 30%, #f472b6 0%, #7e22ce 40%, #1e1033 85%)`
- Syvä ambient: `linear-gradient(180deg, #0f172a 0%, #1e3a8a 50%, #38bdf8 100%)`
- Lämmin akustinen: `radial-gradient(circle at 40% 25%, #fde68a 0%, #f97316 40%, #431407 90%)`

Kolme pystysuuntaista tunnelmaa. Sijoita kirkkain kohta yläosan keskelle, johon katse osuu mutta säätimet eivät ulotu.

Gradientlyn kokovalikoimassa on Spotify Canvas, ja sen Markit ovat eläviä taustoja, joiden reseptiin kuuluu hidas liike. Prolla voit viedä sellaisen MP4:nä koossa 1080×1920 ja käyttää samaa Markia kansikuvassa sekä julkaisusta kertovissa tarinoissa. Näin kampanjan kaikki osat näyttävät yhtenäisiltä. [Muusikon brändi-ilme](https://gradiently.design/fi/guide/musician-branding) käsittelee laajempaa kokonaisuutta.

## Käytä Canvasia myös julkaisun markkinointiin

Pystytarina ilmoittaa uuden singlen ilmestyvän perjantaina ja käyttää samaa liikkuvaa taustaa kuin Spotify Canvas

Canvas-silmukka julkaisusta kertovan Instagram-tarinan taustana.

Slow Weather -singlen neliömäinen kansikuva samalla liukuvärillä kuin Canvas

Sama ilme neliömäisessä kansikuvassa. Tarina, Canvas ja kansi sopivat näin yhteen.

Koska kuvakoko on sama, silmukka voi toimia tarinoiden, Reelsien ja TikTokien taustana, ja teksti lisätään niissä sen päälle. Sinne teksti kuuluukin. Neliöversiot sopivat [soittolistojen kansiin](https://gradiently.design/fi/guide/spotify-playlist-cover-size) ja [albumikansiin](https://gradiently.design/fi/guide/album-cover-design). [Videosilmukan pituus](https://gradiently.design/fi/guide/video-loop-length) auttaa, kun kanavat haluavat eri kestot.

## FAQ

### Minkä kokoinen Spotify Canvas on?

1080×1920 pikseliä eli 9:16-pystyvideo.

### Kuinka pitkä Spotify Canvas voi olla?

Muutaman sekunnin. Spotify määrittää lyhyen pituusvälin, ja nykyiset rajat näkyvät Spotify for Artistsissa latauksen yhteydessä.

### Tahdistuuko Spotify Canvas musiikkiin?

Ei. Se toistuu oman pituutensa mukaan, joten vältä kappaleen tiettyihin hetkiin ajoitettuja leikkauksia ja liikkeitä.

### Voinko laittaa tekstiä Spotify Canvasiin?

Spotifyn ohjeistus ei suosittele tekstiä, logoja tai toimintakehotteita, ja kappaleen nimi näkyy jo näytöllä. Käytä niiden sijaan väriä ja liikettä.

### Missä Spotify Canvasin turva-alue on?

Pidä katseenvangitsija yläosan keskellä. Kappaleen nimi ja säätimet peittävät alimman kolmanneksen, navigointi yläreunan.