Generator Logo README (Gaya Shields.io)

Generator Badge README

Generator Badge README membangun badge Shields.io-berkualitas pixel secara langsung di browser Anda. Pilih preset atau buat label dan pesan Anda sendiri, pilih warna dan gaya (datar, persegi datar, untuk-badge, atau plastik), dan dapatkan output Markdown, HTML, SVG, dan data URL yang siap digunakan. Tidak ada panggilan API eksternal, tidak ada ketergantungan jaringan, tidak ada badge yang rusak saat layanan tidak berjalan — SVG dibangun di sisi klien dan disisipkan secara langsung.

Cara Penggunaan

1. Pilih preset dari dropdown Template, atau tetap pada Kustom dan isi label dan pesan Anda sendiri.
2. Pilih warna label dan warna pesan — warna-warna default Shields.io atau hex kustom.
3. Pilih gaya badge: datar, persegi datar, untuk-badge, atau plastik.
4. Lihat pratinjau langsung yang diperbarui pada latar belakang terang dan gelap.
5. Salin Markdown, HTML, URL, atau SVG mentah — atau unduh file SVG.

Fitur

• Empat gaya badge – Datar, persegi datar, untuk-badge (huruf besar, lebih tinggi), dan plastik dengan pencahayaan gradasi.
• Preset yang termasuk – Versi, lisensi, status pembangunan, koverase, pengunduhan, bintang, dan template 'dibuat dengan cinta'.
• Pratinjau langsung – Pengolahan instan dengan toggle latar belakang terang/dark sehingga Anda dapat melihat bagaimana badge terlihat dalam berbagai tema README.
• Empat format output – Markdown, tag img HTML, URL data SVG, dan markup SVG mentah.
• SVG yang mandiri – Teks dihasilkan sebagai node teks SVG nyata dengan lebar diukur, bayangan, dan sudut bulat sesuai kebutuhan.
• Warna khusus – Palette standar Shields.io ditambah pilihan hex bebas.
• 100% sisi klien – Tidak ada panggilan API, tidak ada pelacakan, tidak ada batas kecepatan. Bisa digunakan secara offline setelah halaman dimuat.
• Salin satu klik dan unduh SVG – Ekspor file .svg mandiri untuk dimasukkan ke repositori apa pun.

Kasus Penggunaan Umum

• READMEs terbuka sumber – Tandai status pembangunan, versi, lisensi, koverase, atau jumlah pengunduhan secara langsung.
• Dashboard proyek – Sisipkan badge status yang konsisten di wiki internal dan situs dokumentasi.
• Laman portofolio – Hiasi kartu proyek dengan tag yang disesuaikan tanpa memuat layanan gambar eksternal.
• Halaman pemasaran – Gunakan badge 'dibuat dengan' dan badge kustom sebagai grafik penekanan ringan.
• Dokumentasi offline – Kirim badge yang tetap tampil bahkan di belakang firewall yang memblokir shields.io.

Mengapa Membangun Badge Secara Lokal

Layanan badge jarak jauh sangat nyaman, tetapi menambahkan satu langkah jaringan setiap kali seseorang memuat README Anda. Ketika layanan tersebut melambat, terbatas kecepatan, atau mengubah defaultnya, badge Anda secara diam-diam rusak. SVG yang dibangun secara lokal adalah file statis tunggal — ia tampil di mana saja Markdown atau HTML dapat menampilkan, disertakan dalam repositori Anda, dan bertahan saat layanan tidak berjalan. Ini juga memberikan kendali penuh atas warna, jarak, dan bobot huruf, sehingga badge dapat sesuai dengan gaya visual yang konsisten di seluruh organisasi.