Generatore di onde SVG
Regola dimensioni, forma e colore delle onde per creare divisori o sfondi per pagine web. Copia o salva SVG o CSS dello sfondo oppure salva un'immagine PNG.
Cosa puoi fare
Regola forma e colori
Regola altezza, numero, posizione e direzione di riempimento dell'onda e creala con uno o due colori.
Ottieni il risultato nel formato più adatto
Copia e salva il codice SVG o uno sfondo CSS oppure salvalo come immagine PNG.
Come usarlo
Scegli una forma di partenza
Regola direttamente i valori oppure scegli una forma simile da “Scegli un modello”.
Regola dimensioni e colori
Specifica larghezza, altezza, ampiezza e numero di onde. Regola la posizione iniziale e l'altezza centrale nelle impostazioni avanzate.
Genera e controlla l'SVG
Controlla la forma dell'onda generata e le aree trasparenti. Dopo aver modificato le impostazioni, generala di nuovo.
Ottieni il formato che ti serve
Scegli SVG o uno sfondo CSS da copiare o salvare, oppure salva il PNG.
Utile per
Dividi le sezioni della pagina
Crea divisori ondulati tra le sezioni dei contenuti o sopra il piè di pagina.
Abbina i colori del tuo sito
Usa un colore uniforme o un gradiente per creare un elemento di sfondo coordinato con la palette della pagina.
Forme d'onda e formati di salvataggio
Ampiezza e numero di onde
L'ampiezza indica l'entità della variazione verticale e il numero di onde indica i cicli sull'intera larghezza. Questa funzione non serve a visualizzare forme d'onda audio.
Posizione dell'onda e aree ritagliate
Modifica la posizione iniziale con la fase e la posizione verticale con l'altezza centrale. Le parti esterne all'immagine vengono ritagliate.
Scegli tra SVG e PNG
SVG rappresenta la forma come vettori. PNG salva un'immagine alle dimensioni in pixel specificate e mantiene le aree trasparenti.
Come posizionare uno sfondo CSS
CSS specifica un'immagine di sfondo. Imposta la larghezza e l'altezza dell'elemento in cui la usi per definire l'area in cui mostrare lo sfondo.
Domande frequenti
Posso regolare la forma dell'onda e i colori?
Puoi specificare i valori e i colori. Seleziona “Usa due colori” per impostare il secondo colore e l'angolo del gradiente.
Che cosa succede alle impostazioni attuali quando seleziono un modello?
Le impostazioni del modello sostituiscono quelle attuali, incluse larghezza, altezza e colori. Dopo averlo selezionato, regola i valori necessari.
L'anteprima cambia quando modifico le impostazioni?
Dopo aver apportato le modifiche, seleziona “Genera SVG” per controllare il risultato. Il vecchio risultato generato non sarà più disponibile per la visualizzazione o il salvataggio.
L'SVG è un'onda sinusoidale esatta?
L'onda viene approssimata con una curva cubica uniforme. Non è una forma d'onda destinata alla misurazione matematica o all'analisi audio.
Gestione dei file
- Input
- Crea a partire dai valori numerici dell'onda e dai colori. Non serve selezionare un'immagine.
- Output
- wave.svg, wave.css e wave.png. SVG e CSS possono anche essere copiati.