Pembuat SVG gelombang
Atur ukuran, bentuk, dan warna gelombang untuk membuat pembatas halaman web atau latar. Salin atau simpan SVG atau CSS latar, atau simpan sebagai gambar PNG.
Yang dapat Anda lakukan
Sesuaikan bentuk dan warna
Sesuaikan tinggi, jumlah, posisi gelombang, dan arah pengisian, lalu buat dalam satu atau dua warna.
Dapatkan hasil dalam format yang sesuai kebutuhan Anda
Salin dan simpan kode SVG atau latar CSS, atau simpan sebagai gambar PNG.
Cara menggunakan
Pilih bentuk awal
Sesuaikan nilainya langsung, atau pilih bentuk serupa dari “Pilih template”.
Sesuaikan ukuran dan warna
Tentukan lebar, tinggi, amplitudo, dan jumlah gelombang. Sesuaikan posisi awal dan tinggi pusat di pengaturan lanjutan.
Buat dan periksa SVG
Periksa bentuk gelombang yang dibuat dan area transparannya. Buat ulang setelah mengubah pengaturan.
Dapatkan format yang Anda butuhkan
Pilih SVG atau latar CSS untuk disalin atau disimpan, atau simpan PNG.
Berguna untuk
Bagi bagian halaman
Buat pemisah berbentuk gelombang antara bagian konten atau di atas footer.
Samakan dengan warna situs Anda
Pakai warna solid atau gradien untuk membuat aset latar yang cocok dengan skema warna halaman.
Bentuk gelombang dan format penyimpanan
Amplitudo dan jumlah gelombang
Amplitudo adalah besar perubahan vertikal, sedangkan jumlah gelombang adalah banyaknya siklus sepanjang lebar penuh. Ini bukan fitur untuk menampilkan bentuk gelombang audio.
Posisi gelombang dan area yang terpotong
Ubah posisi awal dengan fase, dan posisi vertikal dengan tinggi pusat. Bagian di luar gambar dipotong.
Memilih antara SVG dan PNG
SVG menggambarkan bentuk sebagai vektor. PNG menyimpan gambar pada dimensi piksel yang ditentukan dan mempertahankan area transparan.
Cara menempatkan latar CSS
CSS menentukan gambar latar. Atur lebar dan tinggi elemen tempat Anda memakainya agar tersedia area untuk ditampilkan latar tersebut.
Pertanyaan yang sering diajukan
Bisakah saya menyesuaikan bentuk gelombang dan warnanya?
Anda dapat menentukan nilai dan warna. Pilih “Gunakan dua warna” untuk mengatur warna kedua dan sudut gradien.
Apa yang terjadi pada pengaturan saat ini ketika saya memilih template?
Pengaturan, termasuk lebar, tinggi, dan warna, diganti dengan pengaturan template. Sesuaikan nilai yang diperlukan setelah memilihnya.
Apakah pratinjau berubah saat saya mengubah pengaturan?
Setelah melakukan perubahan, pilih “Buat SVG” untuk memeriksa hasilnya. Hasil pembuatan lama tidak lagi tersedia untuk ditampilkan atau disimpan.
Apakah SVG ini gelombang sinus yang persis?
Gelombang ini didekati dengan kurva kubik yang halus. Ini bukan bentuk gelombang untuk pengukuran matematis atau analisis audio.
Penanganan berkas
- Input
- Dibuat dari pengaturan gelombang berupa angka dan warna. Tidak perlu memilih gambar.
- Keluaran
- wave.svg, wave.css, dan wave.png. SVG dan CSS juga dapat disalin.