SVG
Gratis, tanpa daftar, berjalan di peramban Anda.
Versi polosnya: sebuah elemen `<svg>` dengan satu jalur per lapisan. Tempel ke markah Anda, atau unduh sebagai berkas dan perlakukan seperti aset lain. Inilah ekspor yang dipakai ketika Anda bisa menambahkan elemen ke halaman.
Sebuah ekspor SVG, dipotong sampai beberapa baris pertama
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M100 38L153.69 69L153.69 131L100 162L46.31 131L46.31 69Z" fill="#4f46e5"/></svg>Yang perlu diketahui
- Jalan di mana-mana, tanpa catatan dukungan peramban yang layak disebut.
- Setiap lapisan adalah `<path>` terpisah, jadi Anda bisa menata ulang satu per satu setelah menempel.
- Gelombang membawa `preserveAspectRatio="none"` agar melar ke lebar berapa pun; blob mempertahankan proporsinya.
- Tanpa komentar generator, tanpa markah pengenal, tanpa tautan kembali ke sini.
Dukungan peramban
Universal. SVG sudah didukung di setiap peramban yang masih diuji siapa pun selama jauh lebih dari satu dekade, dan tidak ada apa pun dalam keluaran ini yang memakai fitur baru — ini hanya jalur dan isian.
Ukuran di seluruh prasetel
Setiap prasetel yang bisa diekspresikan format ini, diukur sebagaimana generator mengeluarkannya. Yang terkecil adalah Heksagon dengan 151 bita; yang terbesar adalah Gelombang berlapis dengan 898 bita. Jumlah titiklah yang menentukan perbedaannya — setiap titik tambahan menambah satu ruas kubik penuh berisi koordinat.
| Format | Ukuran |
|---|---|
| Heksagon | 151 B |
| Kristal | 156 B |
| Permata bersegi | 182 B |
| Segitiga membulat | 217 B |
| Puncak gunung | 231 B |
| Sapuan | 246 B |
| Zigzag tajam | 264 B |
| Gelombang dalam | 282 B |
| Kerikil | 294 B |
| Tepi awan | 295 B |
| Lengkung potong | 319 B |
| Gelombang halus | 322 B |
| Blob halus | 330 B |
| Anak tangga | 358 B |
| Bergelombang | 382 B |
| Blob organik | 402 B |
| Kilau | 408 B |
| Gelombang organik | 478 B |
| Gelombang footer | 551 B |
| Bintang | 551 B |
| Bunga | 557 B |
| Gelembung | 559 B |
| Tepi piksel | 579 B |
| Cipratan | 641 B |
| Riak | 655 B |
| Gelombang berlapis | 898 B |
Lebih rinci
Satu-satunya atribut yang layak dipahami adalah `preserveAspectRatio`. Pada gelombang ia disetel ke `none`, yang membiarkan bentuknya melar mendatar ke lebar berapa pun wadahnya — itulah yang membuat satu pembatas bekerja di ponsel maupun di monitor lebar tanpa bilah hitam. Pada blob ia dibiarkan apa adanya, karena blob yang dimelarkan ke rasio aspek wadah hanyalah elips dengan langkah tambahan.
Pertanyaan
Bentuk apa saja yang bisa jadi SVG?
Format ini mencakup Gelombang, Blob. Itu batasan nyata, bukan keterbatasan alat ini: kalau sebuah generator tidak ada dalam daftar itu, formatnya memang tidak bisa mengekspresikannya, dan tetap menawarkannya berarti menyerahkan sesuatu yang diam-diam menggambar bentuk yang salah.
Seberapa besar ekspor SVG?
Antara 151 dan 898 bita di 26 prasetel yang mendukungnya. Lebih sedikit titik adalah tuas yang berpengaruh; kehalusan dan warna tidak memakan biaya.
Bisakah saya menyuntingnya manual setelahnya?
Bisa. Keluarannya teks biasa tanpa komentar generator, tanpa markah pengenal, dan tanpa tautan kembali ke sini. Ganti warnanya, ubah nama kelasnya, atau tempel jalurnya ke SVG Anda sendiri — tidak ada apa pun di hilir yang bergantung pada ia tetap seperti semula.
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.