Cara Ia Berfungsi

Pilih Sumber Anda

Muat naik imej, cipta dari teks dengan fon tersuai, pilih dari ratusan emoji, atau lukis seni piksel. Analisis mana-mana URL untuk mengekstrak favicon sedia ada.

Sesuaikan & Pratonton

Laraskan latar belakang, gradien, kebulatan, dan kesan. Pratonton favicon anda dalam tab pelayar, skrin utama iOS, Android, dan maket Windows dalam masa nyata.

Jana & Muat Turun

Jana semua saiz dengan satu klik. Muat turun pakej lengkap dengan coretan kod sedia untuk digunakan bagi 35+ rangka kerja.

Empat Cara Mencipta Favicon Anda

Muat Naik Imej

Mula dengan mana-mana imej — PNG, JPG, SVG, atau WebP. Tambah latar belakang, laraskan pelapik, kecerahan, kontras, dan gunakan sudut bulat. Sempurna untuk logo dan aset jenama sedia ada.

Teks ke Favicon

Cipta favicon berasaskan teks dengan 1500+ Google Fonts. Pilih ketebalan fon, warna, dan tambah latar belakang pepejal atau gradien. Ideal untuk ikon jenama berasaskan huruf mudah.

Favicon Emoji

Pilih dari ratusan emoji dalam 12 kategori termasuk semua bendera negara. Tambah latar belakang berwarna dengan pratetap atau gradien tersuai untuk rupa yang kemas.

Kanvas Seni Piksel

Lukis favicon anda sendiri piksel demi piksel pada grid boleh suai. Gunakan alat pen, pemadam, dan isi dengan sokongan buat asal/buat semula. Eksport ciptaan seni piksel anda serta-merta.

Ciri Berkuasa

100% Peribadi

Semua pemprosesan berlaku secara tempatan dalam pelayar anda. Imej anda tidak pernah meninggalkan peranti anda. Tiada muat naik, tiada storan awan, tiada pengumpulan data.

Semua Platform Diliputi

Jana 15+ saiz favicon untuk pelayar, skrin utama iOS, Chrome Android, jubin Windows, tab disemat Safari, dan Aplikasi Web Progresif.

Pratonton Langsung

Lihat dengan tepat bagaimana favicon anda kelihatan dalam tab pelayar, skrin utama iOS, pelancar Android, dan jubin Windows sebelum menjana.

Coretan untuk 35+ Rangka Kerja

Dapatkan kod sedia untuk digunakan bagi HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django, dan 25+ lagi platform.

Penganalisis URL

Analisis mana-mana laman web untuk mengekstrak favicon sedia ada. Lihat saiz apa yang ada, apa yang hilang, dan jana semula set lengkap dengan satu klik.

Sejarah Penjanaan

Akses penjanaan favicon terkini anda. Pulihkan ciptaan terdahulu, bandingkan versi, atau teruskan mengedit dari tempat anda berhenti.

Templat Pantas

Mula dengan templat direka secara profesional menampilkan warna pepejal, gradien, dan corak. Gunakan dan sesuaikan untuk memadankan jenama anda.

ICO Pelbagai Saiz

Mencipta fail ICO pelbagai resolusi secara automatik membenamkan saiz 16x16, 32x32, dan 48x48 untuk keserasian pelayar maksimum.

Pakej Output Lengkap

Favicon Standard

favicon.ico (pelbagai saiz), 16x16, 32x32, dan 48x48 PNG untuk tab pelayar dan penanda buku.

Ikon Sentuh Apple

Ikon Sentuh Apple 180x180 untuk skrin utama iOS, serta SVG tab disemat Safari dengan warna tema boleh suai.

Ikon Android & PWA

Ikon 192x192 dan 512x512 untuk Chrome Android dan Aplikasi Web Progresif, termasuk sokongan ikon boleh topeng.

Jubin Windows

Jubin Microsoft 270x270 dengan browserconfig.xml untuk integrasi menu Mula Windows dan bar tugas.

Manifest Web

Fail site.webmanifest lengkap dengan rujukan ikon, warna tema, dan tetapan paparan PWA.

Soalan Lazim

Apakah saiz favicon yang saya perlukan?

Sekurang-kurangnya: favicon.ico, 32x32 PNG, 180x180 Ikon Sentuh Apple, dan 192x192/512x512 untuk Android/PWA. Pratetap 'Penting' kami menyertakan semua saiz yang diperlukan secara automatik.

Mengapa saya perlukan fail ICO?

Format ICO mengandungi pelbagai saiz dalam satu fail dan disokong oleh semua pelayar termasuk versi lama. Ia adalah format favicon tradisional yang memastikan keserasian maksimum.

Adakah favicon saya perlu mempunyai latar belakang lutsinar?

Untuk tab pelayar, kelutsinaran berfungsi dengan baik. Untuk skrin utama iOS dan Android, pertimbangkan latar belakang pepejal atau gradien kerana ikon muncul pada pelbagai hiasan latar.

Adakah imej sumber saya perlu segi empat sama?

Ya, favicon sentiasa segi empat sama. Jika imej anda bukan segi empat sama, gunakan kawalan pelapik dan skala kami untuk memuatkannya dengan sempurna. Untuk hasil terbaik, mula dengan imej segi empat sama.

Adakah imej saya selamat dan peribadi?

100% peribadi. Semua pemprosesan menggunakan API Canvas dan Blob asli pelayar. Imej anda tidak pernah meninggalkan peranti anda — kami tidak memuat naik, menyimpan, atau menghantar sebarang data.

Rangka kerja manakah yang disokong?

Kami menyediakan coretan kod untuk 35+ platform termasuk React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails, dan banyak lagi.

Bagaimana dengan Aplikasi Web Progresif?

Penjana kami mencipta semua ikon PWA yang diperlukan termasuk varian boleh topeng, serta fail site.webmanifest lengkap dengan pengisytiharan ikon dan warna tema yang betul.

Memahami Favicon

Favicon adalah ikon kecil yang mewakili laman web anda merentasi pelayar, penanda buku, skrin utama, dan pelancar aplikasi. Set favicon lengkap memastikan jenama anda kelihatan profesional dan boleh dikenali di mana sahaja pengguna menemui laman anda.

Format ICO

Format ICO membungkus pelbagai saiz (16x16, 32x32, 48x48) ke dalam satu fail. Walaupun pelayar moden menyokong favicon PNG, ICO kekal penting untuk keserasian maksimum dengan pelayar lama dan aplikasi desktop tertentu.

Ikon PNG

Pelayar moden lebih suka favicon PNG kerana kualiti tajam dan sokongan kelutsinaran. Setiap saiz mempunyai tujuan: 16px dan 32px untuk tab pelayar, 180px untuk iOS, dan 192px/512px untuk Android dan PWA.

Manifest Apl Web

Fail site.webmanifest mentakrifkan bagaimana laman anda kelihatan apabila dipasang sebagai PWA. Ia menentukan ikon, warna tema, mod paparan, dan metadata lain yang digunakan oleh pelayar untuk mencipta pengalaman seperti apl.

Favicon SVG

Ciri tab disemat Safari menggunakan ikon SVG monokrom. Pelayar moden juga mula menyokong favicon SVG secara langsung, menawarkan skalabiliti tanpa had dan saiz fail yang lebih kecil.