Kamu punya logo, dan situsmu butuh favicon: gambar mungil di tab browser itu. Gampang, sampai kamu tahu bahwa browser, iPhone, ponsel Android, dan Windows masing-masing mau ukuran dan file sendiri. Pembuat Favicon GetPlugzz mengerjakan semuanya dari satu gambar. Kamu jatuhkan logomu, tekan satu tombol, dan dapat favicon.ico, Apple touch icon, ikon Android, Windows tile, file manifest, dan kode yang tinggal ditempel ke situsmu. Alat ini berjalan di browsermu, jadi tanpa akun, tanpa watermark, dan tidak ada yang diunggah.
Bagaimana cara membuat favicon semua ukuran dari satu gambar?
Buka Pembuat Favicon dan lakukan ini:
- Tambahkan gambar. Seret logomu ke kotak atau klik untuk memilih. Gambar persegi minimal 512 × 512 piksel paling bagus hasilnya. Gambar lain dipotong jadi persegi dari tengah.
- Cek pratinjaunya. Kalau gambarmu punya latar transparan, latar itu dipertahankan, cocok untuk logo. Kamu akan melihat semua ukuran yang akan dibuat.
- Unduh. Klik Unduh Semua (ZIP) untuk mendapat semua ukuran, lalu tempel kode yang ditampilkan ke bagian head situsmu. Ada tombol Salin untuk kodenya.
Tidak ada yang perlu diubah ukurannya dengan tangan dan tidak ada yang perlu diinstal. Kalau browser memblokir unduhan, klik Izinkan di dekat address bar dan semuanya lanjut.
Kenapa satu favicon butuh begitu banyak ukuran?
Bayangkan bilik foto yang mencetak gambar yang sama sebagai stiker mungil, pas foto, dan poster. Wajahnya sama, tapi tiap tempat punya bingkainya sendiri. Favicon bekerja dengan cara yang sama. Logomu muncul di tempat yang berbeda, dan masing-masing meminta ukuran yang berbeda:
- 16 × 16 dan 32 × 32: tab browser. Yang 32 menjaganya tetap tajam di layar beresolusi tinggi (retina).
- 48 × 48: pintasan Windows.
- 150 × 150: Windows tile.
- 180 × 180: Apple touch icon, yang dipakai iPhone dan iPad saat seseorang menambahkan situsmu ke layar utama.
- 192 × 192 dan 512 × 512: Android, untuk layar utama dan layar pembuka (juga dipakai untuk aplikasi web).
Apa isi file ZIP-nya?
Alat ini membuat semua ini untukmu dan mengemasnya dalam satu file:
- favicon.ico: ikon klasik di tab browser. Ini file multi-ukuran sungguhan, dengan versi 16, 32, dan 48 di dalamnya.
- favicon-16x16.png, favicon-32x32.png, dan favicon-48x48.png: ukuran-ukuran kecil.
- apple-touch-icon.png: ikon untuk iPhone dan iPad.
- android-chrome-192x192.png dan android-chrome-512x512.png: ikon untuk Android.
- mstile-150x150.png: Windows tile.
- site.webmanifest: memberi tahu browser ikon mana yang dipakai.
- head-snippet.html: kode yang tinggal ditempel, disimpan sebagai file.
Ke mana file-filenya ditaruh?
Unggah file ke folder utama situsmu, lalu tempel kode dari alat ini ke bagian head halamanmu. Kode itulah yang memberi tahu browser di mana menemukan tiap ikon. Dua tips kecil: buka site.webmanifest dan tambahkan nama situsmu, karena dibiarkan kosong, dan ganti warna tema kalau kamu mau selain putih.
Belum punya situs web untuk mengunggahnya? Panduan kami tentang meluncurkan situs web pertamamu membahas domain, hosting, dan halaman. Kalau kamu tidak ingin mulai dari halaman kosong, AI website builder (tautan berbayar) dari Bluehost sudah termasuk hosting, jadi kamu punya tempat untuk menaruh file.
Gambar seperti apa yang paling bagus?
- Persegi dan besar. Mulai dari minimal 512 × 512 piksel. Alatnya mengecilkannya ke semua ukuran, jadi kamu tidak perlu mengubah ukuran apa pun sendiri.
- Di tengah. Gambar yang tidak persegi dipotong jadi persegi dari tengah, jadi taruh bagian pentingnya di tengah.
- Transparan tidak masalah. Kalau logomu punya latar transparan, ikon-ikonnya mempertahankannya.
- Yang sederhana menang. Di 16 piksel ruangnya sangat sedikit, jadi bentuk yang tegas atau satu huruf lebih mudah dibaca daripada gambar yang penuh detail.
Satu hal yang perlu diketahui: satu gambar per proses
Pembuat ini membuat semua ukuran dari satu gambar sekaligus. Ia tidak memproses banyak logo berbeda dalam sekali jalan. Kalau kamu punya situs lain, klik Pilih gambar lain dan ulangi, cuma butuh beberapa detik.
Perlu diketahui sebelum mulai
- Gambar yang tidak persegi dipotong dari tengah. Pakai gambar persegi agar tidak ada yang terpotong.
- Beri ikon Apple latar yang solid: iPhone mengisi area transparan dengan hitam.
- Di 16×16 piksel detail halus hilang, jadi bentuk sederhana paling cocok.
- Browser dan Google menyimpan favicon lama beberapa waktu; yang baru bisa butuh beberapa hari untuk muncul.
- Isi nama situsmu di site.webmanifest dan unggah semua file ke folder utama situsmu.
Pertanyaan yang sering diajukan
Ya. Tanpa akun dan tanpa watermark.
Tidak. Ikon dibuat di browsermu dan gambarmu tidak pernah keluar dari perangkatmu.
Mulai dengan gambar persegi minimal 512 × 512 piksel. Alatnya mengecilkannya ke semua ukuran yang kamu butuhkan, jadi kamu tidak perlu mengubah ukuran apa pun sendiri.
Ya. Kalau logomu punya latar transparan, latarnya tetap transparan di ikon.
Unggah ke folder utama situsmu, lalu tempel kode dari alat ini ke bagian head halamanmu.
Pembuat Favicon Gratis — Semua Ukuran, Satu Gambar
Satu gambar masuk, semua ukuran ikon keluar: ico, Apple, Android, Windows, dan kode yang tinggal ditempel. Dibuat oleh GetPlugzz, dikerjakan sepenuhnya di browser kamu.
