Panduan
Panduan favicon langkah demi langkah untuk setiap saiz, format dan platform — dengan alatan percuma untuk menjana dan memasang ikon anda.
Bermula
Cipta, tukar dan pratonton favicon daripada mana-mana imej sumber.
Tukar PNG kepada Favicon
Tukar mana-mana PNG menjadi favicon.ico berbilang saiz dalam beberapa saat. Percuma, dalam penyemak imbas, tiada pendaftaran, tiada muat naik.
BacaCara Membuat Favicon
Cipta favicon profesional daripada mana-mana imej dalam masa kurang dari satu minit. Meliputi .ico, PNG, SVG dan apple-touch-icon.
BacaPenjana Favicon Telus
Hasilkan favicon yang mengekalkan latar belakang telus. Berfungsi dalam mod gelap dan pada mana-mana tema penyemak imbas.
BacaAlat Pratonton Favicon
Pratonton favicon anda pada setiap saiz dan pada setiap tema pelayar biasa sebelum anda menghantarnya.
BacaPenjana Ikon Apl
Jana setiap saiz ikon apl yang anda perlukan untuk iOS, Android, Windows dan macOS daripada imej sumber tunggal.
Baca
Saiz favicon
Setiap resolusi standard — daripada 16×16 tab hingga ikon 512×512 PWA.
16×16 Penjana Favicon
Cipta favicon 16×16 yang jelas dalam beberapa saat. Penjana percuma, tiada pendaftaran, semua pemprosesan dalam penyemak imbas anda.
Baca32×32 Penjana Favicon
Cipta favicon 32×32 yang jelas dalam beberapa saat. Penjana percuma, tiada pendaftaran, semua pemprosesan dalam penyemak imbas anda.
Baca48×48 Penjana Favicon
Cipta favicon 48×48 yang jelas dalam beberapa saat. Penjana percuma, tiada pendaftaran, semua pemprosesan dalam penyemak imbas anda.
Baca64×64 Penjana Favicon
Cipta favicon 64×64 yang jelas dalam beberapa saat. Penjana percuma, tiada pendaftaran, semua pemprosesan dalam penyemak imbas anda.
Baca128×128 Penjana Favicon
Cipta favicon 128×128 yang jelas dalam beberapa saat. Penjana percuma, tiada pendaftaran, semua pemprosesan dalam penyemak imbas anda.
Baca256×256 Penjana Favicon
Cipta favicon 256×256 yang jelas dalam beberapa saat. Penjana percuma, tiada pendaftaran, semua pemprosesan dalam penyemak imbas anda.
BacaSaiz Favicon Diterangkan
Fahami saiz favicon 16, 32, 48, 64, 128, 180, 192 dan 512 px: tempat setiap satunya digunakan dan yang mana untuk dihantar.
BacaSaiz Favicon Terbaik pada 2026
Saiz favicon yang manakah patut anda jana sebenarnya? Pecahan praktikal 16, 32, 48, 180, 192 dan 512 px dan tempat setiap satunya digunakan.
Baca
Format dibandingkan
ICO lwn PNG lwn SVG — bila hendak menggunakan setiap satu dan cara menggabungkannya.
Format Favicon Terbaik pada 2026
Format favicon yang manakah harus anda hantar? Bandingkan ICO, PNG dan SVG untuk sokongan penyemak imbas, saiz fail dan kerenyahan.
BacaFavicon (.ico) lwn PNG
Perbandingan sebelah menyebelah bagi favicon .ico dan PNG: sokongan berbilang saiz, saiz fail, keserasian penyemak imbas dan gelagat mod gelap.
BacaFavicon (.ico) lwn SVG
Bandingkan .ico dan SVG favicon untuk sokongan penyemak imbas, pengendalian mod gelap, saiz fail dan kebolehskalaan.
BacaICO lwn PNG
Perbandingan terperinci format ICO dan PNG untuk ikon, favicon dan pintasan Windows. Kes penggunaan, saiz fail, keserasian.
Baca
Platform & rangka kerja
Tambahkan favicon pada WordPress, Shopify, React, Next.js dan banyak lagi.
Favicon untuk WordPress
Panduan langkah demi langkah untuk menambahkan favicon pada mana-mana tapak WordPress — melalui Penyesuai, tema atau pemalam. Tiada pengekodan diperlukan.
BacaFavicon untuk Shopify
Tambahkan favicon tersuai pada kedai Shopify anda dalam beberapa minit — melalui editor tema, tiada pembangun diperlukan.
BacaFavicon untuk React
Tambahkan favicon pada mana-mana apl React yang dibina dengan Vite atau Cipta Apl React. Termasuk persediaan SVG berbilang saiz dan mod gelap.
BacaFavicon untuk Next.js
Tambahkan favicon pada projek Penghala Apl Next.js 14+. Termasuk konvensyen ikon berasaskan fail baharu dan persediaan berbilang saiz.
BacaFavicon untuk Webflow
Muat naik favicon ke mana-mana tapak Webflow daripada Tetapan Projek. Saiz, format dan petua penghapusan cache.
BacaFavicon untuk Wix
Tambah atau tukar favicon tapak Wix anda daripada papan pemuka. Saiz dan format yang disyorkan untuk tapak web Wix.
Baca
HTML & PWA
Teg pautan, apple-touch-icon dan persediaan manifes apl web.
Panduan Ikon Sentuh Apple
Buat dan pautkan apple-touch-icon.png untuk iPhone dan iPad. Saiz, format, teg HTML dan caching dijelaskan.
BacaPanduan Manifes Apl Web
Tulis manifes apl web dengan ikon 192×192 dan 512×512, warna tema dan pasang metadata untuk Android dan Chromium.
BacaPenjana Favicon HTML
Hasilkan teg <link> yang tepat untuk dimasukkan ke dalam <head> anda untuk persediaan favicon yang sempurna merentas setiap penyemak imbas dan platform.
BacaCara Menambah Favicon pada HTML
Teg <link> yang tepat untuk dimasukkan ke dalam <head> anda untuk persediaan favicon yang sempurna merentas setiap penyemak imbas, serta PWA dan apple-touch-icon.
Baca
Windows ikon
Fail .ico berbilang saiz untuk pintasan, Penjelajah dan pemasang.
Utiliti imej
Ubah saiz, optimumkan dan periksa imej sebelum anda menghantar ikon.
Pengubah Ikon Media Sosial
Ubah saiz logo anda kepada saiz gambar profil yang tepat untuk Twitter/X, Facebook, Instagram, LinkedIn, YouTube dan banyak lagi.
BacaPemeriksa Dimensi Imej
Semak sebarang dimensi imej, DPI, profil warna dan nisbah bidang dengan serta-merta. Tiada muat naik — berjalan dalam penyemak imbas anda.
BacaPengoptimum SVG
Optimumkan SVG fail dalam penyemak imbas anda. Alih keluar metadata editor, runtuhkan laluan berlebihan dan potong saiz sehingga 80%.
Baca