Penjana Ikon PWA

Jana ikon yang diperlukan aplikasi web boleh pasang — PNG 192 dan 512px berserta site.webmanifest — daripada satu imej, sepenuhnya dalam pelayar anda.

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

Ikon yang menjadikan aplikasi boleh dipasang

Aplikasi web progresif dinilai boleh dipasang sebahagiannya berdasarkan ikonnya: pelayar mencari manifes web yang mengisytiharkan sekurang-kurangnya PNG 192×192 dan 512×512 sebelum ia menawarkan gesaan pemasangan atau meletakkan ikon yang elok pada skrin utama. Penjana ini memaparkan kedua-duanya daripada imej sumber anda dan menulis site.webmanifest yang merujuknya, berserta apple-touch-icon yang dikehendaki iOS dan favicon.ico untuk tab biasa.

Bentukkannya untuk pelancar

Pelancar Android mungkin menopengkan ikon menjadi bulatan atau persegi bucu bulat, jadi seni yang mencecah tepi boleh terpotong. Tambah alas dan latar belakang pejal di sini dan bahagian pentingnya akan kekal di dalam kawasan selamat, apa jua topeng yang digunakan; pratonton langsung menunjukkan hasilnya pada setiap saiz. Semuanya dipaparkan pada peranti anda dengan Canvas API — logo anda tidak pernah dimuat naik — dan keseluruhan set 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.