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.
Mengapa favicon saya terlihat buram atau terlalu kecil?
Tanda kata yang lebar atau foto yang detail bisa menjadi tidak terbaca di tab browser yang kecil. Mulailah dengan simbol persegi sederhana, dan periksa pratinjau 16-piksel dan 32-piksel yang sebenarnya. Padding mempertahankan sumber penuh tetapi dapat membuat logo lebar menjadi sangat kecil; pemotongan persegi memenuhi ikon dan mungkin memotong tepinya. Periksa kedua opsi sebelum menginstal hasilnya.
File favicon manakah yang harus saya unggah ke situs web saya?
ZIP mencakup ikon favicon.ico, PNG, apple-touch-icon.png, site.webmanifest, dan install.html.txt dengan contoh tag tautan. Ekstrak arsipnya terlebih dahulu; mengunggah ZIP saja tidak menginstal ikon. Jalur contoh mengasumsikan file berada di root situs web. Sesuaikan jalur tersebut untuk folder lain, atau gunakan pengaturan ikon situs platform Anda, lalu periksa halaman yang dipublikasikan dan cache-nya.
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