Bina pakej favicon lengkap daripada logo, ikon fon atau monogram — favicon.ico, PNG moden, ikon Apple touch, ikon PWA, manifes web dan petikan HTML.

Lepaskan logo, pilih ikon fon atau taip monogram — kami menjana setiap favicon yang diperlukan tapak web moden, daripada favicon.ico klasik hingga ikon Apple touch, ikon PWA dan petikan HTML sedia tampal.

Lepaskan PNG di sini atau klik untuk memuat naik
PNG lutsinar disyorkan · juga menerima JPG / WebP
64%
Warna latar belakang
0%
Digunakan oleh antara muka pelayar dan manifes PWA.
Tapak Anda
example.com
Penanda halaman · 32px
Apple touch · 180px
PWA · 512px

Pakej favicon anda sudah sedia
Muat turun ZIP telah bermula. Nyahzip ke dalam root tapak anda dan tampal petikan HTML ke dalam <head> anda.

Mengenai Penjana Favicon

Favicon Generator membina setiap ikon yang diperlukan oleh laman web moden daripada satu sumber: muat naik logo PNG, pilih ikon fon, atau taip monogram. Pakej ini merangkumi favicon.ico klasik (16, 32 dan 48 px), favicon PNG moden, ikon Apple touch 180 px, ikon PWA 192 dan 512 px, site.webmanifest dan potongan HTML head.

Penggayaan dikendalikan dalam alat ini: pilih warna latar belakang atau kekalkan ketelusan, potong kepada bentuk segi empat, bucu bulat atau bulatan, laraskan padding dan saiz karya seni, dan tetapkan warna tema yang digunakan oleh antara muka pelayar dan manifest PWA. Pratonton langsung menunjukkan ikon anda dalam konteks sebenar — tab pelayar 16 px, penanda halaman, jubin Apple touch dan ikon PWA.

Segala-galanya dijana pada canvas dalam pelayar anda, dan Generate menyusun keseluruhan pakej ke dalam satu ZIP berserta README. Pemasangan hanya dua langkah: nyahzip ke dalam root laman anda dan tampal potongan yang disediakan ke dalam <head> anda.

Cara menggunakan Penjana Favicon

  1. Pilih sumber anda: muat naik logo PNG, pilih ikon fon, atau taip monogram.
  2. Gayakan — warna latar belakang atau ketelusan, bentuk, padding dan saiz karya seni.
  3. Isikan nama laman, nama pendek dan warna tema untuk manifest PWA.
  4. Semak pratonton: tab pelayar, penanda halaman, konteks Apple touch dan PWA.
  5. Klik “Generate favicons” dan nyahzip pakej tersebut ke dalam root laman web anda.
  6. Tampal potongan HTML daripada pakej itu ke dalam <head> halaman anda.

Soalan lazim

Ya — pakej lengkap, termasuk .ico, semua saiz PNG, manifest dan potongan HTML, percuma untuk dijana dan dimuat turun.

favicon.ico dengan lapisan 16, 32 dan 48 px, favicon PNG moden, apple-touch-icon 180 px, ikon PWA 192 dan 512 px, site.webmanifest, potongan HTML yang sedia untuk ditampal dan README dengan langkah pemasangan.

Ya. Pelayar dan crawler masih meminta /favicon.ico sebagai fallback, dan klien lama bergantung kepadanya. Pakej ini menyertakannya bersama pautan PNG moden supaya setiap pelawat mendapat ikon yang jelas.

Nyahzip arkib tersebut ke dalam root laman web anda supaya fail-fail berada pada root domain, kemudian tampal potongan HTML yang disediakan ke dalam <head> halaman anda. README dalam ZIP mengulangi langkah-langkah ini.

Ia ditulis ke dalam manifest dan meta tag, mewarnakan antara muka pelayar pada telefon bimbit serta skrin pembukaan dan bar tajuk PWA yang dipasang supaya sepadan dengan jenama anda.

Ya. Taip monogram satu atau dua huruf dan pilih fon serta warna, atau pilih glif daripada pustaka ikon fon — penjana akan menjananya pada setiap saiz sama seperti logo yang dimuat naik.


Carian popular
penjana favicon pembuat favicon.ico cipta favicon dalam talian ikon apple touch penjana ikon pwa favicon dari logo
Perlukan bantuan?
Menemui masalah dengan alat ini? Beritahu pasukan kami.
Laporkan masalah

Tambah alat percuma ini ke laman web anda sendiri — salin dan tampal kod di bawah.