Pembuat Favicon
Ubah gambar sederhana menjadi favicon dan paket ikon situs web. Periksa apakah desainnya tetap dapat dikenali pada ukuran kecil, unduh file dan ikuti contoh instalasi yang disertakan.
Sebelum Anda mulai
- Masukan
- Satu gambar JPG, PNG atau WebP statis.
- Keluaran
- ZIP dengan ikon ICO, PNG, manifes, dan contoh HTML.
Alat pemuatan…
Cara menggunakan alat ini
- Pilih gambar JPG, PNG atau WebP statis.
- Pangkas menjadi persegi atau tambahkan bantalan dan periksa pratinjau ikon.
- Unduh ZIP dan sesuaikan jalur contoh ke situs web Anda.
Pahami hasilnya
Favicon sering kali muncul dalam ukuran yang sangat kecil. Simbol atau huruf yang jelas biasanya berfungsi lebih baik daripada karya seni yang mendetail atau teks kecil. File yang dihasilkan masih perlu diunggah dan dirujuk oleh situs web Anda.
Siapkan icon yang kecil dan jelas
Periksa pratinjau 16 piksel sebelum mengunduh. Hindari mengharapkan tanda kata yang lebar atau foto lengkap tetap dapat dibaca dalam kotak kecil.
Coba sampelnya
Coba sampel asli untuk memeriksa alur kerja yang didukung. Sampel yang berhasil bukanlah jaminan untuk setiap masukan.
Contoh gambar asli ↓
Jika hasilnya tidak sesuai harapan
Situs masih menampilkan ikon lama.
Menghasilkan file tidak menginstalnya. Periksa URL ikon dan markup halaman, lalu bersihkan cache situs dan uji sesi browser baru. Ikon browser dan hasil pencarian dapat diperbarui pada waktu yang berbeda.
Alat bermanfaat berikutnya: SVG hingga PNG →Batasan penting
- Hanya masukan gambar; konversikan SVG ke PNG terlebih dahulu.
- Alat ini tidak mengubah konfigurasi situs web Anda.
- Periksa situs web Anda sendiri setelah memasang ikon karena perilaku cache dan platform dapat berbeda.
- Maksimum 10 MB dan 12 juta piksel. Output mencakup ikon ICO, PNG, manifes web, dan contoh HTML dalam ZIP.
Pertanyaan yang sering diajukan
Apakah ini menginstal favicon di situs saya?
Tidak. Ini menyiapkan file dan contoh. Unggah file dan perbarui jalur atau pengaturan situs web Anda.
Apakah paket tersebut membuat situs web saya menjadi PWA?
Tidak. File ikon dan manifes web dasar hanyalah bagian dari penyiapan aplikasi web.
Mengapa logo saya sulit dibaca pada ukuran 16 piksel?
Detail halus mungkin hilang pada ukuran tersebut. Cobalah simbol yang lebih sederhana, bentuk yang lebih kuat, atau lebih banyak ruang di sekitar tanda.
Panduan terkait
Ada pertanyaan atau koreksi? mrkcal@mrkcal.com