Designer, studenti e chiunque voglia creare uno sfondo per uno schermo può usare i controlli per definire una sfumatura prima di esportarla. L’immagine viene generata localmente nel browser, così puoi creare un file senza caricare altrove i colori scelti.
Come usare il Generatore di sfondi sfumati
- Scegli un Riempimento dello sfondo: tinta unita, lineare o radiale. Imposta il Colore primario, quindi aggiungi o rimuovi gli stop della sfumatura per creare l’effetto desiderato.
- Per una sfumatura lineare, regola l’Angolo della sfumatura (gradi). Usa Seme casuale e Preimpostazione sfumatura (Mare o Tramonto), quindi seleziona Genera dal seme per creare una variante basata su un seme. Gli stop nella stessa posizione creano intenzionalmente bordi netti.
- Scegli una Preimpostazione della risoluzione di output, ad esempio 1920x1080, 1080x1080 o 1080x1920. Seleziona Personalizzata per inserire manualmente la Larghezza di output (pixel) e l’Altezza di output (pixel).
- Seleziona PNG, JPG o WEBP in Formato immagine. L’anteprima è piccola; seleziona Scarica immagine per generare e scaricare il file a dimensione intera.
- Se ti serve il CSS della sfumatura di base, seleziona Copia CSS della sfumatura di base. Usa Schermo intero per espandere la scena, Nascondi controlli per rimuovere i controlli dalla vista oppure Reimposta per ricominciare. Premi F per la modalità a schermo intero, R per reimpostare ed Esc per uscire dalla modalità a schermo intero.
Quando usarlo
- Per creare uno sfondo per il desktop: scegli una risoluzione widescreen, ad esempio 1920x1080 o 3840x2160, adatta al formato comune degli schermi.
- Per creare uno sfondo per il telefono: scegli il formato verticale 1080x1920, ideale per una composizione alta.
- Per preparare uno sfondo grafico quadrato: seleziona 1080x1080 per una tela quadrata.
- Per provare combinazioni di colori: regola il Colore primario e gli stop della sfumatura prima di scaricare, invece di modificare ripetutamente i file esportati.
- Per creare uno sfondo con un confine netto tra i colori: posiziona gli stop nello stesso punto per ottenere un bordo netto intenzionale.
- Per partire da una combinazione familiare: scegli Mare o Tramonto come Preimpostazione sfumatura e genera una variante a partire da un seme.
- Per aggiungere una sfumatura a un progetto web: copia il CSS della sfumatura di base e usalo come punto di partenza per lo stile dello sfondo.
Consigli per creare sfondi sfumati migliori
Scegli il formato di output prima di perfezionare i colori: una sfumatura equilibrata nell’anteprima larga può apparire diversa in un’immagine verticale o quadrata. Se hai in mente dimensioni precise per la tela, scegli Personalizzata e inserisci larghezza e altezza.
| Impostazione | Effetto |
|---|---|
| Angolo della sfumatura (gradi) | Imposta la direzione di una sfumatura lineare. |
| Stop della sfumatura | Consentono di controllare i colori e le transizioni; gli stop nella stessa posizione creano un bordo netto. |
| Formato immagine | Sono disponibili PNG, JPG e WEBP. JPG e WEBP possono alterare i valori dei pixel. |
| Risoluzione di output | Imposta le dimensioni dell’immagine scaricata. La disponibilità dell’8K dipende dal dispositivo. |
L’anteprima è solo una rappresentazione ridotta: l’immagine completa viene generata quando selezioni Scarica immagine. Se usi il CSS, ricorda che Copia CSS della sfumatura di base descrive solo la sfumatura di base, non eventuali motivi, testi o forme aggiuntivi.
Limiti da tenere presenti
Il Generatore di sfondi sfumati crea un’immagine scaricabile, ma non garantisce che il risultato appaia identico su tutti gli schermi o in tutti i browser. La resa tramite canvas e CSS può differire sui bordi, soprattutto in corrispondenza di stop netti. Anche JPG e WEBP possono modificare i valori dei pixel: scegli PNG se è importante conservarli esattamente.
L’output massimo è di 33.177.600 pixel e l’esportazione di immagini molto grandi può dipendere dal dispositivo; l’8K non è garantito su tutti i dispositivi. Se il download di un’immagine grande è lento o non riesce, scegli una risoluzione inferiore o inserisci dimensioni personalizzate più piccole. Per lavori in cui il colore è fondamentale, controlla l’immagine esportata nel software previsto e sullo schermo di destinazione.
