Blob halus
Gratis, tanpa daftar, berjalan di peramban Anda.
Enam titik dengan keacakan rendah: jelas sebuah blob, tetapi cukup dekat ke lingkaran sehingga bisa duduk di belakang konten tanpa bersaing dengannya. Pilihan aman untuk bentuk latar yang sifatnya hiasan.
Pengaturan di baliknya
| Generator | Blob |
|---|---|
| Titik | 6 |
| Keacakan | 28% |
| Kehalusan | 100% |
| Benih | 2048 |
Yang perlu diketahui
- Keacakan rendah menjaga setiap cuping berukuran mirip, jadi ia terbaca tenang.
- Enam titik adalah titik manisnya — lebih sedikit tampak seperti poligon membulat, lebih banyak mendekati lingkaran.
- Dengan 330 bita ia cukup kecil untuk ditulis sebaris di belakang kartu tanpa perlu dipikirkan.
Berapa bita biayanya
Bentuk persis ini berukuran 330 bita sebagai SVG dan 491 bita sebagai latar CSS — data URI-nya lebih besar karena pengodean persen memakan tiga karakter untuk setiap karakter yang dilolosinya. Kedua angka itu untuk bentuk yang ditampilkan di atas, dengan ketelitian koordinat dua desimal.
| Format | Ukuran |
|---|---|
| SVG | 330 B |
| Latar CSS | 491 B |
| clip-path CSS | 548 B |
| border-radius CSS | 110 B |
Awal dari SVG untuk Blob halus
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 33.65C118.88 33.14,151.1 49.98,159.29 65.77C167.49 81.56,159.05 113.2,149.17 128.39C139.29 143.58,116.48 156.87,100 156.92C83.52 156.98,59.27 143.39,50.27 128.71C41.27 114.03,37.71 84.67,46 68.82C54.29 52.98,81.12 34.16,100 33.65Z" fill="#4f46e…Lebih rinci
Blob adalah kurva tertutup, yang membuat sambungan antara titik terakhir dan titik pertama menjadi sambungan seperti yang lain — tetapi hanya kalau pencarian tetangganya memutar kembali. Memakai ulang kode kurva terbuka justru memotongnya di sana, dan hasilnya satu takik rata pada bentuk yang selebihnya bulat. Itu cacat paling umum pada generator semacam ini, tak terlihat sampai ada yang memperbesar blobnya, dan rangkaian pengujian memeriksa jahitan itu secara eksplisit pada setiap bentuk yang dihasilkannya.
Pertanyaan
Bagaimana saya mengubah Blob halus setelah mendapatkannya?
Buka generatornya, klik Blob halus di baris prasetel, lalu geser apa saja. Prasetel adalah titik awal, bukan kunci — semua penggeser tetap aktif, dan kotak benih menerima kata kalau Anda lebih suka menamai bentuk Anda daripada menomorinya.
Apakah akan terlihat sama lain kali?
Ya, selama benihnya sama. Yang ini benih 2048 dengan 6 titik. Generatornya deterministik, jadi pengaturan itu menghasilkan ulang kurva yang persis sama di perangkat mana pun.
Bisakah saya memakai warna lain?
Bisa — warna diterapkan saat ekspor, tidak dipanggang ke dalam geometrinya. Pratinjau di atas memakai warna bawaan alat ini; pilih warna Anda di generator dan SVG, latar CSS, serta clip-path akan mengikuti.
Setiap angka dan setiap bentuk di halaman ini dihasilkan dengan menjalankan generatornya saat build, jadi semuanya menggambarkan alat yang sebentar lagi Anda pakai, bukan versi yang pernah ada.