Penjana Favicon

Jana set favicon yang lengkap daripada satu imej — favicon.ico, apple-touch-icon, ikon Android/PWA dan coretan HTML — sepenuhnya dalam pelayar anda. Tiada apa-apa dimuat naik.

Privasi didahulukan: setiap imej diproses secara setempat dalam pelayar anda. Tiada apa-apa dimuat naik, disimpan atau dihantar ke mana-mana pelayan.

Setiap ikon yang diperlukan laman moden, sekali gus

Favicon bukan lagi satu fail. Pelayar membaca favicon.ico kecil untuk tab dan bar alamat, iOS mahukan apple-touch-icon 180×180 untuk skrin utama, dan Android serta aplikasi web boleh pasang mengambil PNG 192 dan 512px daripada manifes web. Penjana ini membina kesemuanya daripada satu imej sumber dan memberi anda coretan HTML sedia tampal, jadi anda tidak perlu mengeksport enam saiz dengan tangan.

Dibingkai mengikut kehendak anda, kekal peribadi

Kekalkan ikon itu persegi, bulatkan bucunya, atau pangkasnya menjadi bulatan; tambah alas supaya logo tidak terhimpit pada tepi; dan pilih latar belakang lutsinar atau pejal. Pratonton langsung menunjukkan hasilnya pada saiz favicon sebenar, termasuk tab pelayar olokan. Kerana setiap fail dijana pada peranti anda, logo anda — selalunya penjenamaan yang belum dikeluarkan — tidak pernah dihantar ke pelayan.

Soalan lazim

Adakah imej saya dimuat naik untuk membuat favicon?
Tidak. favicon.ico, ikon PNG dan manifes semuanya dijana secara setempat dalam pelayar anda menggunakan API Canvas. Imej anda tidak pernah meninggalkan peranti anda.
Saiz dan fail apakah yang saya dapat?
Satu favicon.ico berbilang resolusi (16, 32 dan 48px), ikon PNG pada 16, 32, 48, 180 (apple-touch-icon), 192 dan 512px, satu site.webmanifest, dan cebisan HTML untuk ditampal ke dalam <head> anda.
Bolehkah saya menukar PNG atau SVG kepada ICO?
Ya. Letakkan PNG, JPG, SVG atau WebP dan muat turun favicon.ico yang sebenar. Logo SVG diraster secara setempat pada resolusi tinggi terlebih dahulu.
Imej apakah yang paling sesuai?
Imej persegi dengan logo yang ringkas dan berkontras tinggi. Imej bukan persegi dipotong dari tengah supaya muat; gunakan kawalan pelapik dan bentuk untuk membingkainya mengikut kehendak anda.
Bagaimanakah saya memasang favicon itu?
Nyahzip pakej itu ke dalam folder root laman anda dan tampal cebisan HTML yang diberikan ke dalam <head> halaman anda. favicon.ico dikesan secara automatik oleh kebanyakan pelayar.