SVG ke Favicon
Tukar logo SVG menjadi set favicon yang lengkap — favicon.ico, apple-touch-icon dan ikon aplikasi web — diraster dengan tajam 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.
Vektor masuk, setiap saiz raster keluar
SVG ialah sumber favicon yang ideal: ia bebas resolusi, jadi setiap saiz ikon boleh diraster daripada geometri asal dan bukannya disampel semula daripada bitmap yang sudah pun kecil. Lepaskan SVG anda masuk dan setiap keluaran — 16, 32, 48, 180, 192 dan 512 piksel — dilukis daripada vektor itu pada saiz asalnya, yang mengekalkan tepinya tajam dan bukannya kabur. Itulah bezanya antara ikon yang kelihatan disengajakan dalam tab dan ikon yang kelihatan seperti calitan.
Mengapa anda masih memerlukan .ico
Pelayar moden sanggup menggunakan favicon SVG secara terus, tetapi yang lebih lama dan banyak perkakasan — pembaca suapan, penghurai pautan sembang, pintasan desktop — masih mencari favicon.ico. Menjana kedua-duanya daripada SVG yang sama merangkumi segala-galanya. Tambah alas, pilih topeng persegi, bucu bulat atau bulatan berserta latar belakang, kemudian muat turun set penuh berserta coretan HTML sedia tampal.
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.