Penjana Favicon
FreeMuat naik imej dan dapatkan pakej favicon lengkap: favicon.ico, setiap saiz PNG yang dijangka oleh pelayar dan peranti, apple-touch-icon, ikon Android, site.webmanifest dan HTML untuk ditampal, semuanya dalam satu ZIP.
Berjalan sepenuhnya dalam pelayar anda. Imej anda tidak pernah dimuat naik ke mana-mana.
Klik untuk memilih imej, atau tarik dan lepaskan satu di sini
Imej segi empat sama berfungsi dengan baik, tetapi sebarang saiz atau bentuk pun boleh.
Imej Bukan Segi Empat Sama
Butiran Apl (untuk site.webmanifest)
Saiz Dijana
Aktiviti Terkini
Kelihatan kepada semua orang. 20 penggunaan terakhir merentasi semua pelawat, terbaharu dahulu.
Favicon set generated
1 jam yang lepas
Favicon set generated
1 jam yang lepas
Favicon set generated
1 jam yang lepas
Favicon set generated
1 jam yang lepas
Apa alat ini buat
Muat naik logo atau imej dan alat ini menjana pakej favicon lengkap: favicon.ico pelbagai resolusi, PNG individu pada setiap saiz yang dijangka oleh pelayar dan peranti moden, apple-touch-icon, ikon Android Chrome, site.webmanifest yang telah diisi terlebih dahulu, dan tag HTML yang tepat untuk ditampal ke dalam <head> halaman anda, semuanya digabungkan dalam satu muat turun ZIP.
Bagaimana Ia Berfungsi
Imej anda dilukis pada kanvas HTML pada setiap saiz sasaran (16, 32, 48, 180, 192 dan 512 piksel), sama ada dipangkas kepada segi empat sama di tengah atau ditambah ruang dengan warna latar belakang, bergantung pada pilihan anda. Tiga saiz terkecil kemudian dibungkus ke dalam satu favicon.ico menggunakan format ICO terbenam PNG, bekas binari ringan yang dibaca dengan betul oleh setiap pelayar dan sistem operasi semasa. Segala-galanya, sehingga fail ZIP itu sendiri, disusun dalam pelayar anda; tiada apa-apa yang dimuat naik.
Masalah ia selesaikan
- Menjana setiap saiz favicon yang diperlukan oleh laman web moden daripada satu imej sumber, bukannya menyesuaikan saiz setiap satu secara manual.
- Menghasilkan favicon.ico pelbagai saiz yang berstruktur betul tanpa perisian imej khusus.
- Mendapatkan site.webmanifest yang sedia digunakan dan tag HTML yang sepadan, bukan sekadar fail imej.
- Melihat pratonton bagaimana rupa ikon sebenarnya dalam tab pelayar sebelum menerbitkannya.
Soalan lazim
›Mengapa saya memerlukan begitu banyak saiz berbeza?
Platform yang berbeza memerlukan saiz yang berbeza: tab pelayar biasanya menggunakan 16x16 atau 32x32, ikon skrin utama iOS menggunakan 180x180, dan gesaan pemasangan Android Chrome dan PWA menggunakan 192x192 dan 512x512. Menyediakan kesemuanya bermakna ikon anda kelihatan tajam di mana-mana sahaja dan bukannya diregangkan atau kabur pada sesetengah peranti.
›Apakah favicon.ico, dan mengapa ia masih diperlukan bersama PNG?
Format .ico boleh menggabungkan pelbagai saiz (16x16, 32x32, 48x48) ke dalam satu fail, dan ia masih menjadi format lalai yang digunakan pelayar jika tiada pautan ikon lain dinyatakan, termasuk pelayar yang sangat lama dan beberapa pintasan peringkat OS. Alat ini membungkus ketiga-tiga saiz ke dalam satu favicon.ico yang sah menggunakan format PNG terbenam moden yang disokong oleh setiap pelayar dan OS semasa.
›Patutkah saya pangkas atau tambah ruang pada imej bukan segi empat sama?
Pangkas mengekalkan setiap piksel sepenuhnya tetapi memotong tepi imej bukan segi empat sama, baik apabila logo anda sudah memenuhi bingkai. Tambah ruang mengekalkan keseluruhan imej kelihatan dengan menambah warna latar belakang di sekelilingnya, lebih baik apabila logo anda mempunyai jidar kosong atau tidak berada di tengah.
›Apakah kegunaan site.webmanifest?
Ia adalah fail JSON kecil yang dibaca oleh Android dan platform lain untuk mengetahui nama, ikon dan warna tema laman web anda apabila seseorang menambahnya ke skrin utama atau memasangnya sebagai aplikasi web progresif. Alat ini menjana satu yang telah diisi terlebih dahulu dengan ikon yang baru dicipta.
›Adakah ini memuat naik logo saya ke mana-mana?
Tidak. Setiap saiz semula, fail ICO dan ZIP itu sendiri semuanya dibina secara tempatan dalam pelayar anda menggunakan Canvas API; imej anda tidak pernah dihantar ke pelayan.
Alat Berkaitan
Imej
Laras HSL Imej
Alih rona, ketepuan, dan lightness pada imej dengan penggelangsar langsung, terus dalam pelayar anda.
FreeImej
Laras HSL Imej Kelompok Pukal
Terapkan pelarasan rona, ketepuan, dan lightness sama kepada banyak imej sekali gus, terus dalam pelayar anda.
FreeImej
Tambah Teks Kepada Imej
Tambah satu atau lebih kapsyen teks tersuai ke atas imej, terus dalam pelayar anda.
FreeImej
Buang Latar Belakang Imej (AI)
Potong keluar latar belakang foto secara automatik menggunakan model AI dalam-peranti, terus dalam pelayar anda.
FreeImej
Skema Warna Analog
Jana palet warna analog harmoni daripada mana-mana warna asas, terus dalam pelayar anda.
FreeImej
Campur Warna
Campurkan dua warna bersama dengan imbangan boleh laras, menggunakan RGB mudah, gamma-betul, atau pencampuran HSL.
FreeImej
Kaburkan Imej
Kaburkan imej dalam pelayar anda menggunakan Box, Gaussian, Motion, atau Radial blur, kemudian muat turun hasilnya.
FreeImej
Penjana Imej Bingkai Kabur
Muatkan foto anda ke dalam segi empat sama atau nisbah bidang lain tanpa pangkasan, mengisi ruang tambahan dengan salinan dizum, dikaburkan imej.
Komen (0)
Dapati alat ini berguna? Tinggalkan komen, kongsi petua, atau beritahu kami bagaimana kami boleh menjadikannya lebih baik.
Belum ada komen. Jadi yang pertama berkongsi pendapat anda!