Generator Favicon

Ubah gambar PNG, JPG, atau WebP apa pun menjadi file .ico standar dan setiap ukuran ikon yang dibutuhkan browser modern, perangkat Apple, dan Android - 16x16 hingga 512x512, termasuk Apple Touch icon 180x180 - dengan pratinjau langsung.

Gratis digunakanTidak perlu mendaftarDiperbarui Feb 2026

Generator FaviconCoba sekarang — gratis ▼

Output: ICO dan PNG, termasuk ikon Apple Touch dan Android Chrome/PWA; tersedia unduhan ZIP.

📤

Letakkan gambar Anda di sini

atau klik untuk menelusuri file

PNG JPG WebP GIF

Gambar Asli

Dimensi -

Ukuran File -

Format -

⚙️

Pilih Ukuran Ikon

📄

File ICO (favicon.ico)

16×16

Tab browser

32×32

Taskbar

48×48

Ikon desktop

64×64

DPI Tinggi

128×128

Chrome Store

256×256

Ikon Vista+

🌐

Ikon Browser Modern & Seluler

180×180

Apple Touch Icon

192×192

Android Chrome

512×512

Splash PWA

Warna Latar Belakang (untuk gambar transparan):

Biarkan tidak dicentang atau gunakan PNG transparan untuk menjaga transparansi

Embed Generator Favicon Widget

Tentang Generator Favicon

Selamat datang di Generator Favicon, alat komprehensif untuk membuat favicon dan ikon aplikasi profesional dari gambar apa pun. Baik Anda memerlukan file .ico sederhana untuk tab browser atau serangkaian ikon lengkap untuk dukungan PWA (Progressive Web App), alat ini menghasilkan semua ukuran yang Anda butuhkan dalam satu klik.

Apa itu Favicon?

Favicon (singkatan dari "favorite icon") adalah ikon kecil yang terkait dengan situs web Anda. Ikon ini muncul di beberapa tempat:

Tab Browser: Ikon kecil di samping judul halaman Anda
Bilah Bookmark: Saat pengguna menandai situs Anda
Riwayat Browser: Di menu dropdown riwayat
Bilah Alamat: Di samping URL di beberapa browser
Layar Beranda: Saat pengguna menambahkan situs Anda ke layar beranda seluler mereka
Hasil Pencarian: Beberapa mesin pencari menampilkan favicon dalam hasil pencarian

Favicon yang dirancang dengan baik meningkatkan pengenalan merek, membuat situs Anda terlihat lebih profesional, dan membantu pengguna mengidentifikasi situs web Anda dengan cepat di antara banyak tab yang terbuka.

Penjelasan Ukuran Ikon

Ukuran File ICO (favicon.ico)

Format .ico tradisional dapat berisi beberapa ukuran dalam satu file. Alat kami menghasilkan:

Ukuran	Penggunaan Utama	Direkomendasikan
16x16	Ikon tab browser, bilah alamat	Ya (Penting)
32x32	Taskbar Windows, browser yang lebih baru	Ya (Penting)
48x48	Ikon pintasan desktop Windows	Ya (Penting)
64x64	Layar DPI tinggi, ikon situs Windows	Opsional
128x128	Chrome Web Store, layar resolusi tinggi	Opsional
256x256	Ikon Windows Vista+, DPI sangat tinggi	Opsional

Apple Touch Icon (180x180)

Saat pengguna iOS menambahkan situs web Anda ke layar beranda mereka, ikon ini akan digunakan. Apple merekomendasikan 180x180 piksel untuk tampilan optimal pada perangkat Retina. Ini terpisah dari file .ico dan harus disimpan sebagai apple-touch-icon.png.

Ikon Android Chrome (192x192 dan 512x512)

Perangkat Android modern dan Chrome mendukung Progressive Web Apps (PWA). Ikon 192x192 digunakan untuk pintasan layar beranda, sedangkan 512x512 digunakan untuk splash screen saat aplikasi diluncurkan. Ikon-ikon ini dirujuk dalam file site.webmanifest.

Cara Menggunakan Alat Ini

Unggah Gambar Anda: Seret dan letakkan atau klik untuk memilih gambar PNG, JPG, atau WebP. Untuk hasil terbaik, gunakan gambar persegi minimal 512x512 piksel. PNG dengan latar belakang transparan sangat ideal.
Pilih Ukuran: Pilih ukuran ikon mana yang akan dihasilkan. Kami merekomendasikan memilih minimal 16x16, 32x32, 48x48 untuk file ICO, ditambah 180x180 untuk perangkat Apple.
Atur Warna Latar Belakang: Jika gambar Anda memiliki transparansi dan Anda menginginkan latar belakang warna solid, pilih warnanya. Jika tidak, biarkan transparan.
Hasilkan: Klik tombol untuk membuat semua favicon Anda. Lihat pratinjau setiap ukuran untuk memastikan kualitasnya.
Unduh: Unduh file individual atau paket ZIP lengkap dengan semua ikon dan cuplikan kode.

Praktik Terbaik untuk Desain Favicon

Tetap Sederhana: Favicon berukuran sangat kecil - logo kompleks dengan detail halus tidak akan terbaca pada 16x16 piksel. Gunakan versi sederhana dari logo Anda atau simbol yang khas.
Gunakan Kontras: Pastikan ikon Anda menonjol baik di latar belakang terang maupun gelap (tema browser bervariasi).
Uji pada Ukuran Kecil: Selalu lihat pratinjau favicon Anda pada ukuran 16x16 untuk memastikan ikon tersebut dapat dikenali.
Pertimbangkan Transparansi: Favicon PNG dapat memiliki latar belakang transparan, yang terlihat lebih bersih di browser modern.
Format Persegi: Selalu mulai dengan gambar sumber yang benar-benar persegi untuk menghindari distorsi.

Panduan Implementasi

Implementasi HTML Dasar

Setelah menghasilkan favicon Anda, tambahkan kode ini ke bagian <head> HTML Anda:

<!-- Favicon -->

<link rel="icon" type="image/x-icon" href="/favicon.ico">

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">

<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">


<!-- Apple Touch Icon -->

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">


<!-- Android Chrome -->

<link rel="manifest" href="/site.webmanifest">

File Manifes PWA

Untuk dukungan Progressive Web App, sertakan file site.webmanifest yang merujuk pada ikon Android Anda.

Pertanyaan yang Sering Diajukan

Apa itu favicon dan mengapa saya memerlukannya?

Favicon (favorite icon) adalah ikon kecil yang muncul di tab browser, bookmark, dan bilah alamat. Ini membantu pengguna mengidentifikasi situs web Anda dengan cepat di antara banyak tab yang terbuka. Favicon profesional meningkatkan pengenalan merek dan pengalaman pengguna. Situs web modern membutuhkan beberapa ukuran favicon untuk perangkat dan browser yang berbeda.

Format gambar apa yang bisa saya gunakan untuk membuat favicon?

Anda dapat mengunggah gambar PNG, JPG, JPEG, GIF, atau WebP. Untuk hasil terbaik, gunakan gambar PNG dengan latar belakang transparan berukuran 512x512 piksel atau lebih besar. Alat ini akan secara otomatis mengubah ukuran gambar Anda ke semua ukuran favicon yang dipilih sambil tetap menjaga kualitas.

Ukuran favicon apa yang harus saya buat?

Untuk cakupan browser yang lengkap, kami merekomendasikan: 16x16 (tab browser), 32x32 (taskbar Windows), 48x48 (desktop Windows), 180x180 (Apple Touch Icon untuk iOS), 192x192 dan 512x512 (Android Chrome). Ukuran 64x64, 128x128, dan 256x256 bersifat opsional tetapi berguna untuk tampilan DPI tinggi.

Apakah gambar yang saya unggah disimpan di server Anda?

Semua pemrosesan gambar terjadi dengan aman di server kami selama pembuatan favicon, tetapi kami tidak menyimpan gambar Anda secara permanen. Setelah diproses, gambar asli akan dihapus. Hanya file favicon yang dihasilkan yang dikirimkan kembali kepada Anda untuk diunduh.

Bagaimana cara menambahkan favicon yang dihasilkan ke situs web saya?

Setelah menghasilkan favicon Anda: 1) Unduh file ZIP yang berisi semua file ikon, 2) Unggah file ke direktori root situs web Anda, 3) Salin cuplikan kode HTML yang disediakan ke bagian <head> situs web Anda. Untuk dukungan PWA, sertakan juga file site.webmanifest.

Sumber Daya Tambahan

Kutip konten, halaman, atau alat ini sebagai:

"Generator Favicon" di https://MiniWebtool.com/id/generator-favicon/ dari MiniWebtool, https://MiniWebtool.com/

oleh tim miniwebtool. Diperbarui: 05 Feb 2026