Sfondo a gradiente per immagini
Applicate un gradiente lineare o radiale uniforme dietro un’immagine trasparente, ad esempio un prodotto ritagliato, un logo o uno screenshot di un’app. Scegliete due colori, l’angolo del gradiente lineare e il margine intorno all’immagine: lo strumento disegna il gradiente nelle dimensioni esatte dell’output e vi sovrappone l’immagine. Le aree trasparenti lasciano vedere il gradiente; il risultato si scarica come PNG, JPEG o WebP, per gli store e i social media.
Domande frequenti
Quali immagini danno i risultati migliori?
Le immagini con aree trasparenti, come ritagli di prodotti, loghi o persone in PNG o WebP, mostrano il gradiente dietro al soggetto. Un’immagine senza trasparenza copre il gradiente, che rimane visibile solo nel margine intorno.
Qual è la differenza tra gradiente lineare e radiale?
Un gradiente lineare sfuma dal colore iniziale a quello finale lungo una linea retta con l’angolo scelto. Un gradiente radiale parte dal colore iniziale al centro e raggiunge quello finale agli angoli.
Come funziona l’angolo?
L’angolo segue la convenzione CSS: 0 gradi va dal basso verso l’alto, 90 da sinistra a destra, 180 dall’alto verso il basso e il valore predefinito 135 dall’angolo in alto a sinistra a quello in basso a destra. L’angolo viene ignorato per i gradienti radiali.
A cosa serve il margine?
Il margine aggiunge da 0 a 1000 pixel di gradiente su ogni lato dell’immagine, quindi l’output è grande quanto l’immagine più il doppio del margine. Lascia spazio intorno ai ritagli, come uno sfondo da studio.
Quali colori posso usare?
Inserite colori esadecimali come #6366f1 e #ec4899, composti da tre, quattro, sei o otto cifre. In un colore a otto cifre, le ultime due indicano l’opacità. La parola transparent sfuma il gradiente fino a renderlo invisibile.
L’output avrà le stesse dimensioni della mia immagine?
Con il margine impostato su 0, sì. Altrimenti le dimensioni aumentano in base al margine; se il totale superasse 4000 pixel per lato, l’immagine viene ridotta affinché il risultato rientri in 4000 pixel.
Quali formati sono supportati?
Potete caricare immagini JPEG, PNG, GIF, WebP, TIFF e AVIF fino a 5 MB. Il risultato è un PNG per impostazione predefinita, oppure JPEG o WebP con qualità 90.
Il gradiente è uniforme?
Sì. Il gradiente viene disegnato come vettore nelle dimensioni esatte dell’output, senza gradini visibili né artefatti di ridimensionamento. L’output PNG mantiene la qualità senza perdita.
Posso usarlo per gli screenshot degli store di app?
Sì. Caricate uno screenshot con angoli arrotondati trasparenti, aggiungete da 80 a 200 pixel di margine e scegliete i colori del vostro brand per creare un’immagine promozionale curata.
Lo strumento rimuove lo sfondo esistente?
No. Riempie solo le aree già trasparenti e aggiunge il margine. Se la foto ha ancora uno sfondo, rimuovetelo prima con uno strumento per la rimozione dello sfondo.