Panduan
Panduan favicon langkah demi langkah untuk setiap ukuran, format, dan platform — dengan alat gratis untuk membuat dan memasang ikon Anda.
Memulai
Buat, konversi, dan pratinjau favicon dari gambar sumber apa pun.
Ubah PNG menjadi Favicon
Ubah PNG apa pun menjadi favicon.ico multi-ukuran dalam hitungan detik. Gratis, dalam browser, tanpa mendaftar, tanpa mengunggah.
BacaCara Membuat Favicon
Buat favicon profesional dari gambar apa pun dalam waktu kurang dari satu menit. Meliputi .ico, PNG, SVG, dan apple-touch-icon.
BacaGenerator Favicon Transparan
Hasilkan favicon yang mempertahankan latar belakang transparan. Berfungsi dalam mode gelap dan pada tema browser apa pun.
BacaAlat Pratinjau Favicon
Pratinjau favicon Anda pada setiap ukuran dan pada setiap tema browser umum sebelum Anda mengirimkannya.
BacaPembuat Ikon Aplikasi
Hasilkan setiap ukuran ikon aplikasi yang Anda perlukan untuk iOS, Android, Windows, dan macOS dari satu gambar sumber.
Baca
Ukuran favicon
Setiap resolusi standar — mulai dari 16×16 tab hingga 512×512 ikon PWA.
16×16 Pembuat Favicon
Buat favicon 16×16 yang tajam dalam hitungan detik. Generator gratis, tanpa registrasi, semua pemrosesan di browser Anda.
Baca32×32 Pembuat Favicon
Buat favicon 32×32 yang tajam dalam hitungan detik. Generator gratis, tanpa registrasi, semua pemrosesan di browser Anda.
Baca48×48 Pembuat Favicon
Buat favicon 48×48 yang tajam dalam hitungan detik. Generator gratis, tanpa registrasi, semua pemrosesan di browser Anda.
Baca64×64 Pembuat Favicon
Buat favicon 64×64 yang tajam dalam hitungan detik. Generator gratis, tanpa registrasi, semua pemrosesan di browser Anda.
Baca128×128 Pembuat Favicon
Buat favicon 128×128 yang tajam dalam hitungan detik. Generator gratis, tanpa registrasi, semua pemrosesan di browser Anda.
Baca256×256 Pembuat Favicon
Buat favicon 256×256 yang tajam dalam hitungan detik. Generator gratis, tanpa registrasi, semua pemrosesan di browser Anda.
BacaPenjelasan Ukuran Favicon
Pahami ukuran favicon 16, 32, 48, 64, 128, 180, 192, dan 512 piksel: di mana masing-masing digunakan dan mana yang akan dikirimkan.
BacaUkuran Favicon Terbaik di tahun 2026
Ukuran favicon manakah yang sebenarnya harus Anda hasilkan? Perincian praktis 16, 32, 48, 180, 192, dan 512 piksel dan di mana masing-masing digunakan.
Baca
Format dibandingkan
ICO vs PNG vs SVG — kapan menggunakan masing-masing dan cara menggabungkannya.
Format Favicon Terbaik tahun 2026
Format favicon mana yang harus Anda kirimkan? Bandingkan ICO, PNG, dan SVG untuk dukungan browser, ukuran file, dan kerenyahan.
BacaFavicon (.ico) vs PNG
Perbandingan favicon .ico dan PNG secara berdampingan: dukungan multi-ukuran, ukuran file, kompatibilitas browser, dan perilaku mode gelap.
BacaFavicon (.ico) vs SVG
Bandingkan favicon .ico dan SVG untuk dukungan browser, penanganan mode gelap, ukuran file, dan skalabilitas.
BacaICO vs PNG
Perbandingan mendetail format ICO dan PNG untuk ikon, favicon, dan pintasan Windows. Kasus penggunaan, ukuran file, kompatibilitas.
Baca
Platform & kerangka kerja
Tambahkan favicon ke WordPress, Shopify, React, Next.js, dan banyak lagi.
Favicon untuk WordPress
Panduan langkah demi langkah untuk menambahkan favicon ke situs WordPress mana pun — melalui Penyesuai, tema, atau plugin. Tidak diperlukan pengkodean.
BacaFavicon untuk Shopify
Tambahkan favicon khusus ke toko Shopify Anda dalam hitungan menit — melalui editor tema, tidak diperlukan pengembang.
BacaFavicon untuk React
Tambahkan favicon ke aplikasi React apa pun yang dibuat dengan Vite atau Buat Aplikasi React. Termasuk pengaturan multi-ukuran dan mode gelap SVG.
BacaFavicon untuk Next.js
Tambahkan favicon ke proyek Router Aplikasi Next.js 14+. Termasuk konvensi ikon berbasis file baru dan pengaturan multi-ukuran.
BacaFavicon untuk Webflow
Unggah favicon ke situs Webflow mana pun dari Pengaturan Proyek. Ukuran, format, dan tip penghilang cache.
BacaFavicon untuk Wix
Tambahkan atau ubah favicon situs Wix Anda dari dasbor. Ukuran dan format yang disarankan untuk situs web Wix.
Baca
HTML & PWA
Tag tautan, apple-touch-icon, dan penyiapan manifes aplikasi web.
Panduan Ikon Sentuh Apple
Buat dan tautkan apple-touch-icon.png untuk iPhone dan iPad. Penjelasan ukuran, format, tag HTML, dan caching.
BacaPanduan Manifes Aplikasi Web
Tulis manifes aplikasi web dengan ikon 192×192 dan 512×512, warna tema, dan metadata pemasangan untuk Android dan Chromium.
BacaPembuat Favicon HTML
Hasilkan tag <link> yang tepat untuk dimasukkan ke <head> Anda untuk pengaturan favicon yang sempurna di setiap browser dan platform.
BacaCara Menambahkan Favicon ke HTML
Tag <link> yang tepat untuk dimasukkan ke <head> Anda untuk pengaturan favicon yang sempurna di setiap browser, ditambah PWA dan apple-touch-icon.
Baca
ikon Windows
File .ico multi-ukuran untuk pintasan, Explorer, dan penginstal.
Utilitas gambar
Ubah ukuran, optimalkan, dan periksa gambar sebelum Anda mengirimkan ikon.
Pengubah Ukuran Ikon Media Sosial
Ubah ukuran logo Anda menjadi ukuran gambar profil yang tepat untuk Twitter/X, Facebook, Instagram, LinkedIn, YouTube, dan lainnya.
BacaPemeriksa Dimensi Gambar
Periksa dimensi gambar, DPI, profil warna, dan rasio aspek apa pun secara instan. Tidak ada unggahan — berjalan di browser Anda.
BacaPengoptimal SVG
Optimalkan file SVG di browser Anda. Hapus metadata editor, ciutkan jalur berlebihan, dan potong ukuran hingga 80%.
Baca