Penjana favicon
Tukar imej mudah ke dalam ikon tab laman web (favicon) dan pakej ikon laman web. Pastikan reka bentuk kekal dikenali dalam saiz kecil, muat turun fail dan ikuti contoh pemasangan yang disertakan.
Sebelum anda memulakan
- Pengenalan
- Satu imej JPG, PNG atau statik WebP.
- output
- ZIP dengan ICO, ikon PNG, manifest dan contoh HTML.
Alat pengecasan ...
Bagaimana untuk menggunakan alat ini
- Pilih imej JPG, PNG atau statik WebP.
- Menanam ke persegi atau menambah padding dan memeriksa pandangan ikon.
- Muat turun ZIP dan menyesuaikan laluan contoh ke laman web anda.
Memahami hasil
Ikon tab laman web (favicon) sering muncul dalam saiz yang sangat kecil. Simbol atau huruf yang jelas biasanya berfungsi lebih baik daripada karya seni terperinci atau teks kecil. Fail yang dihasilkan masih perlu dimuat naik dan dirujuk oleh laman web anda.
Mengapa ikon tab laman web saya (favicon) kelihatan kotor atau terlalu kecil?
Sebuah kata laluan yang luas atau gambar terperinci boleh menjadi tidak dapat dibaca dalam tab pelayar kecil. Mulakan dengan simbol persegi yang mudah, dan semak pra-penglihatan 16 piksel dan 32 piksel sebenar. Padding mengekalkan sumber penuh tetapi boleh meninggalkan logo yang luas sangat kecil; kerikil persegi mengisi ikon dan boleh memotong tepi. Semak kedua-dua pilihan sebelum memasang hasil.
Apakah laman web tab ikon (favicon) fail yang perlu saya muat naik ke laman web saya?
ZIP termasuk favicon.ico, PNG icons, apple-touch-icon.png, site.webmanifest and install.html.txt Contohnya ialah link tags. Mengekstrak arkib terlebih dahulu; memuat naik ZIP sahaja tidak memasang ikon. Contoh laluan menganggap fail-fail berada di akar laman web. Menyesuaikan laluan itu untuk folder lain, atau gunakan tetapan ikon laman platform anda, kemudian semak halaman yang diterbitkan dan cache.
Cuba sampel
Cuba sampel asal untuk memeriksa aliran kerja yang disokong. Sampel yang berjaya bukanlah jaminan bagi setiap input.
Gambar asli sampel ↓Jika hasilnya bukan apa yang anda jangkakan
Laman web ini masih memaparkan ikon lama.
Pengeluaran fail tidak memasang mereka. Semak URL ikon dan penanda halaman, kemudian keluarkan cache laman dan menguji sesi pelayar baru. Ikon pelayar dan hasil carian boleh dikemas kini pada masa yang berbeza.
Alat berguna seterusnya: Tukar SVG kepada PNG →had penting
- Hanya input imej; menukar SVG kepada PNG terlebih dahulu.
- Alat ini tidak mengubah konfigurasi laman web anda.
- Semak laman web anda sendiri selepas memasang ikon kerana perilaku caching dan platform boleh berbeza.
- maksimum 10 MB dan 12 juta piksel. Output termasuk ICO, ikon PNG, webmanifest dan contoh HTML dalam ZIP.
Soalan-soalan yang kerap ditanya
Adakah ini memasang ikon tab laman web (favicon) di laman saya?
Tidak . Ia menyediakan fail dan contoh. Muat naik fail dan mengemas kini laluan atau tetapan laman web anda.
Adakah pakej ini menjadikan laman web saya PWA?
Tidak . Fail ikon dan webmanifest asas hanyalah sebahagian daripada tetapan aplikasi web.
Mengapa logo saya sukar dibaca pada 16 piksel?
Butiran halus boleh hilang pada saiz itu. Cuba simbol yang lebih mudah, bentuk yang lebih kuat atau lebih banyak ruang di sekeliling tanda.
Panduan yang berkaitan
Soalan atau perbaikan? mrkcal@mrkcal.com