Online generator til radial gradient billede

Forståelse af radial gradient og indstillingerne

En radial gradient består af koncentriske cirkler, der starter med centrumfarven i midten og slutter med kantfarven ved den yderste cirkel. I denne generator er de to farvestop faste ved 0 og 1, så der er ingen ekstra stop eller elliptiske tilstande.

Centrum og radius

Centrum angives i procent af billedets bredde og højde. For et 1200 × 630 px lærred med centrum på 50 %, 50 % er centrum præcis i midten (600, 315). Den ydre radius beregnes som hypot(width, height) / (2 * skala). Med standardindstillingerne (skala 100 %) er radius ca. 677,66 px, hvilket rækker til hjørnerne. Hvis du flytter centrum, forstørres radius ikke automatisk for at nå det fjerneste hjørne – det skal du selv tage højde for.

Skala og gennemsigtighed

Skalaen ændrer radius: ved 200 % halveres radius til ca. 338,83 px. Hvis du aktiverer gennemsigtighed, konverteres procenten til alfa som 1 – (procent/100). F.eks. giver 25 % gennemsigtighed alfa 0,75. Området uden for den yderste cirkel bruger kantfarven (ingen gentagelse).

Eksempel på brug

Forestil dig, at du vil lave et socialt medie-billede med en blå midte og lyserød kant. Du vælger bredde 1200, højde 630, centrum 50 %, 50 % og skala 100 %. Når du genererer, får du et billede, hvor gradienten dækker hele lærredet, og hjørnerne har den lyserøde kantfarve. Hvis du i stedet sætter centrum til 0 %, 0 %, placeres gradientens centrum i øverste venstre hjørne, og hjørnerne modsat får kantfarven.

Begrænsninger

• Kun to farvestop – ingen ekstra farver eller mellemstop.
• Ingen elliptisk tilstand, fokalpunkt-forskydning, tekstur, dithering eller upload af billede.
• Store dimensioner reduceres proportionelt for at overholde pixelbudgettet på 24 millioner pixels.
• Output er altid PNG for at bevare alfa-gennemsigtighed.

Ofte stillede spørgsmål

Hvordan får jeg gradienten til at dække hele billedet, når jeg flytter centrum?

Radius forbliver den samme, uanset hvor centrum er placeret. Hvis du flytter centrum væk fra midten, kan nogle hjørner blive uden for gradientens rækkevidde og dermed få kantfarven. For at sikre fuld dækning skal du øge skalaen eller holde centrum i midten.

Hvad betyder gennemsigtighedsprocenten?

Procenten angiver, hvor gennemsigtig farven skal være. 0 % er helt uigennemsigtig, 100 % er helt gennemsigtig. Værdien konverteres til alfa: f.eks. 25 % giver alfa 0,75. Bemærk, at gennemsigtighed kun anvendes på de to endepunkter, ikke på området uden for gradienten.

Kan jeg bruge billedet kommercielt?

Da billedet genereres lokalt og ikke uploades, er der ingen serverbegrænsninger. Du ejer det genererede billede og kan bruge det frit. Vær opmærksom på, at værktøjet ikke giver nogen garanti for specifikke anvendelser.