Tukar JPG kepada ICO
Tukar JPG menjadi favicon.ico berbilang resolusi yang betul — berserta selebihnya set ikon moden — 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.
Daripada format foto JPEG kepada format ikon
JPG dibina untuk fotografi dan tiada kelutsinaran; ICO pula ialah bekas yang memuatkan beberapa bitmap persegi kecil sekali gus. Menukar antara keduanya bukan sekadar menamakan semula — imej itu perlu disampel semula kepada 16, 32 dan 48 piksel dan dibungkus menjadi satu fail. Alat ini melakukan tepat itu, menulis favicon.ico berbilang resolusi yang sebenar supaya pelayar boleh memilih saiz yang diperlukannya untuk tab, bar penanda halaman atau pintasan desktop.
Pangkas foto itu menjadi sesuatu yang boleh dibaca
JPEG biasanya ialah foto, dan foto jarang bertahan apabila dikecilkan kepada 16 piksel. Gunakan kawalan alas dan bentuk untuk merapatkan subjek, tambah latar belakang pejal supaya tepinya kekal bersih, dan perhatikan pratonton langsung serta tab pelayar olokan untuk melihat sama ada ia masih terbaca pada saiz tab. Set penuh — favicon.ico, apple-touch-icon, ikon PWA dan coretan HTML — dimuat turun sebagai zip.
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.