Crea uno sfondo per uno schermo con dimensioni specifiche, oppure parti da una risoluzione preimpostata e modifica il design. L’anteprima è piccola; l’immagine a dimensione intera viene generata quando selezioni Scarica immagine, quindi scegli dimensioni e livelli prima di esportarla.
La creazione delle immagini avviene interamente nel browser. Il testo rimane semplice testo locale, visualizzato con un font di sistema: non vengono utilizzati caricamenti, immagini esterne o font remoti.
Come usare il Creatore di sfondi
- Scegli una preimpostazione di Risoluzione di output, ad esempio 1920x1080, 1080x1920 o 1080x1080, oppure seleziona Personalizzata e inserisci i valori in Larghezza output (pixel) e Altezza output (pixel).
- Imposta il Colore principale, quindi scegli un Riempimento dello sfondo: pieno, lineare o radiale. Per un gradiente, regola l’Angolo del gradiente (gradi) oppure scegli una Preimpostazione gradiente, come Mare o Crepuscolo. Usa Aggiungi punto e Rimuovi punto per modificare i punti del gradiente.
- Per aggiungere una texture, seleziona Includi livello del motivo e scegli un Tipo di motivo: puntini, righe, griglia, diagonale, onde o piastrelle. Se necessario, regola Dimensione motivo (pixel di output), Spaziatura (pixel), Spessore tratto (pixel), Rotazione (gradi) e Scostamento motivo (pixel).
- Per aggiungere del testo, seleziona Includi livello di testo, inserisci Testo dello sfondo (solo locale), quindi scegli Colore del testo dello sfondo, Font di sistema, Dimensione testo (pixel) e Allineamento testo. Imposta X testo (%) e Y testo (%) per posizionarlo.
- Usa Cerchi decorativi (0–12) per aggiungere forme. Seleziona un Formato immagine — PNG, JPG o WEBP — quindi scegli Scarica immagine per generare e salvare lo sfondo a dimensione intera. Sono disponibili anche Genera da seme e Copia CSS del gradiente di base.
Seleziona Schermo intero per ingrandire il design. Premi F per attivare lo schermo intero, Esc per uscire e R per ripristinare. In modalità a schermo intero sono disponibili le opzioni Esci da schermo intero, Nascondi controlli ed Esci, come mostrato.
Quando usarlo
- Adattare uno sfondo a uno schermo specifico: imposta larghezza e altezza personalizzate oppure scegli una preimpostazione adatta allo schermo di un computer o di un telefono.
- Creare uno sfondo verticale per il telefono: parti da 1080x1920, poi posiziona un breve testo con X testo (%) e Y testo (%).
- Creare uno sfondo semplice per il computer: usa un riempimento pieno o un gradiente lineare per ottenere uno sfondo pulito, senza immagini aggiuntive.
- Aggiungere una texture visiva: attiva un livello motivo quando un colore uniforme sembra troppo spoglio e regolane la spaziatura o le dimensioni.
- Creare uno sfondo intorno a un breve messaggio: aggiungi un livello di testo locale e impostane allineamento, font, dimensione, colore e posizione.
- Provare combinazioni di colori: modifica il Colore principale, le impostazioni del gradiente e le opzioni del motivo prima di scaricare la versione finale.
- Creare una base riutilizzabile con gradiente: copia il CSS del gradiente di base se ti serve solo il gradiente; non include motivi, testo o forme.
Consigli per uno sfondo migliore
Mantieni il design leggibile alle dimensioni a cui intendi usarlo. L’allineamento e la posizione del testo possono lasciare spazio libero intorno alle icone, mentre un motivo discreto aggiunge dettagli senza sovrastare lo sfondo. Il Creatore di sfondi offre anche le preimpostazioni gradiente Mare e Crepuscolo come punti di partenza rapidi.
Per posizionare il testo con precisione, prova X testo (%) e Y testo (%) e regola Dimensione testo (pixel) dopo aver scelto le dimensioni di output. Punti del gradiente nella stessa posizione creano bordi netti: distanziali se vuoi una transizione più uniforme. Usa Genera da seme per creare una variazione basata su un seme oppure Copia CSS del gradiente di base per copiare la descrizione del gradiente di base.
Limiti e informazioni sull’output
L’anteprima non ha la risoluzione completa dell’esportazione: l’immagine completa viene generata solo quando selezioni Scarica immagine. L’output può raggiungere 33.177.600 pixel, mentre la possibilità di generare immagini in 8K dipende dal dispositivo. Se l’esportazione di un’immagine particolarmente grande è lenta o non termina, prova una risoluzione inferiore.
JPG e WEBP possono modificare i valori dei pixel, quindi scegli PNG se è importante mantenere i valori generati. Copia CSS del gradiente di base descrive solo il gradiente di base; esclude il livello motivo, il testo e le forme decorative. Per lo stesso motivo, non è possibile ricreare uno sfondo con questi livelli aggiuntivi usando solo quel CSS.
Questo strumento serve a creare sfondi e wallpaper, non è un editor di foto: il testo usa font di sistema e non vengono utilizzate immagini caricate né font remoti. Per uno sfondo di un solo colore, il Generatore di sfondi a tinta unita può essere un punto di partenza più semplice.
