# Bild med gradientbakgrund

Lägg en jämn linjär eller radiell gradient bakom en transparent bild, till exempel en frilagd produktbild, logotyp eller appskärmbild. Välj två färger, vinkeln på en linjär gradient och utfyllnaden runt bilden. Verktyget ritar gradienten i exakt utstorlek och placerar bilden ovanpå. Transparenta områden visar gradienten, och resultatet laddas ned som PNG, JPEG eller WebP för butiker och sociala medier.

## Vanliga frågor

### Vilka bilder fungerar bäst?

Bilder med transparenta områden, till exempel PNG eller WebP frilagda bilder av produkter, logotyper eller personer, visar gradienten bakom motivet. En bild utan transparens täcker gradienten, som då bara syns i utfyllnaden runt bilden.

### Vad är skillnaden mellan linjär och radiell?

En linjär gradient övergår från startfärgen till slutfärgen längs en rak linje med vald vinkel. En radiell gradient börjar med startfärgen i mitten och övergår till slutfärgen vid hörnen.

### Hur fungerar vinkeln?

Vinkeln följer konventionen CSS: 0 grader går nerifrån och upp, 90 från vänster till höger, 180 uppifrån och ned, och standardvärdet 135 från det övre vänstra hörnet till det nedre högra. Vinkeln ignoreras för radiella gradienter.

### Vad gör utfyllnaden?

Utfyllnaden lägger till 0 till 1000 pixlar gradient på varje sida av bilden, så utdata blir bildens storlek plus dubbla utfyllnaden. Det ger frilagda motiv utrymme, som en studiobakgrund.

### Vilka färger kan jag använda?

Ange hex-färger som #6366f1 och #ec4899 med tre, fyra, sex eller åtta siffror. De två sista siffrorna i en åttasiffrig färg anger dess opacitet. Ordet transparent tonar ut gradienten helt.

### Får utdata samma storlek som min bild?

Ja, om utfyllnaden är inställd på 0. Annars växer bilden med utfyllnaden, och om den totala storleken skulle överskrida 4000 pixlar per sida skalas bilden ned så att resultatet ryms inom 4000 pixlar.

### Vilka format stöds?

Du kan ladda upp bilder i formaten JPEG, PNG, GIF, WebP, TIFF och AVIF på upp till 5 MB. Resultatet blir som standard en PNG, eller JPEG eller WebP med kvalitet 90.

### Är gradienten jämn?

Ja. Gradientens vektor ritas i exakt utstorlek, så den får inga synliga steg eller skalningsartefakter. Utdata i PNG bevarar den utan kvalitetsförlust.

### Kan jag använda den för appbutikens skärmbilder?

Ja. Ladda upp en skärmbild med rundade, transparenta hörn, lägg till 80 till 200 pixlar utfyllnad och välj dina varumärkesfärger för en välgjord kampanjbild.

### Tar verktyget bort den befintliga bakgrunden?

Nej. Det fyller bara områden som redan är transparenta och lägger till utfyllnaden. Ta först bort bakgrunden med ett verktyg för bakgrundsborttagning om fotot fortfarande har en bakgrund.

Vill du annonsera här?

[Mejla oss](mailto:hi@dennn.is?subject=Annonsera%20p%C3%A5%20OneClick%20Pro)

[Annons Pluginpaketet för agenter för WordPress.](https://sleekwp.com/?ref=oneclickpro)