Pemeriksa Favicon
Periksa penerapan favicon Anda untuk kelengkapan dan kompatibilitas lintas platform. Validasi ICO, PNG, SVG, Ikon Apple Touch, Manifes Aplikasi Web, ikon topeng Safari, ubin Microsoft, warna tema, dan ukuran yang disarankan. Dapatkan laporan skor instan dengan rekomendasi yang dapat ditindaklanjuti - semuanya diproses dengan aman di browser Anda.
Paste your HTML source code below to check your favicon setup for completeness, cross-browser compatibility, mobile support, and best practices. All processing runs locally in your browser.
Mengapa Menggunakan Pemeriksa Favicon Kami?
- Saran Perbaikan yang Dapat Ditindaklanjuti: Setiap masalah yang terdeteksi menyertakan penjelasan jelas dan saran perbaikan praktis. Terapkan perubahan dengan percaya diri karena mengetahui secara pasti apa yang perlu ditingkatkan dan alasannya.
- 100% Pribadi & Gratis: Semua analisis dilakukan secara lokal di browser Anda. Tidak ada data yang diunggah ke server mana pun, tidak perlu mendaftar, dan tidak ada batasan penggunaan. Gunakan sesering yang Anda perlukan - sepenuhnya gratis.
Kasus Penggunaan Umum untuk Pemeriksa Favicon
- Tab Browser & Ikon Bookmark: Pastikan situs Anda menampilkan ikon yang benar di tab browser dan bookmark. Periksa format favicon ICO, PNG, dan SVG untuk memastikan kompatibilitas lintas browser dari Chrome, Firefox, hingga Edge.
- Ikon Layar Beranda Seluler: Pastikan Ikon Apple Touch (180×180) dan ikon Android (192×192, 512×512) disetel dengan benar sehingga situs Anda terlihat profesional saat pengguna menambahkannya ke layar beranda di perangkat iOS dan Android.
- PWA & Manifes Aplikasi Web: Validasi bahwa Manifes Aplikasi Web Anda tertaut dan berisi ukuran ikon yang diperlukan (192×192, 512×512) untuk perintah instalasi Aplikasi Web Progresif dan layar pembuka.
- Tab yang Disematkan Safari: Periksa tag ikon topeng yang digunakan oleh tab yang disematkan Safari. Pastikan ikon SVG satu warna dan warna merek Anda dikonfigurasi dengan benar untuk pengalaman penjelajahan MacOS yang sempurna.
- QA Peluncuran Situs Web: Jalankan pemeriksaan favicon menyeluruh sebelum meluncurkan situs web baru. Pastikan semua ukuran ikon, format, dan tag khusus platform sudah ada untuk mencegah hilangnya ikon dan permintaan 404 untuk /favicon.ico.
- Pengembangan & Pengujian CMS: Integrasikan pemeriksaan favicon ke dalam alur kerja pengembangan Anda. Validasi templat CMS dan generator situs statis menghasilkan tag tautan favicon yang benar di seluruh halaman dan tema.
Apa itu Analisis Favicon?
Analisis Favicon memeriksa deklarasi favicon, tag tautan, dan referensi ikon dalam dokumen HTML untuk mengidentifikasi masalah, meningkatkan kualitas, dan memastikan praktik terbaik. Alat ini memberikan penilaian komprehensif yang membantu Anda memahami keadaan saat ini dan apa yang perlu ditingkatkan.
Cara Kerja Penganalisis Kami
- Masukkan Konten Anda: Unggah file, tempel konten, atau masukkan URL yang ingin Anda analisis. Alat ini menerima berbagai format masukan untuk fleksibilitas maksimum.
- Analisis Komprehensif: Penganalisis memproses masukan Anda berdasarkan daftar aturan, praktik terbaik, dan metrik kualitas yang terperinci. Setiap pemeriksaan dievaluasi secara independen untuk hasil yang akurat.
- Tinjau & Terapkan Perbaikan: Telusuri hasil analisis yang disusun berdasarkan kategori. Setiap temuan disertai penjelasan jelas dan saran perbaikan praktis yang dapat Anda terapkan langsung.
Kasus Penggunaan Umum untuk Favicon
memverifikasi penyiapan favicon di situs web baru, mengaudit cakupan ikon di seluruh perangkat (desktop, seluler, PWA), memeriksa penerapan Ikon Apple Touch, memvalidasi referensi ikon Manifes Aplikasi Web, men-debug ikon tab browser yang hilang, dan memastikan pencitraan merek yang konsisten di seluruh bookmark dan layar beranda. Alat ini dirancang untuk pengembang, teknisi QA, dan anggota tim teknis yang memerlukan ikon tab browser, visual bookmark, ikon layar beranda seluler, dan tampilan pemasangan PWA.
Privasi, Keamanan & Ketersediaan
Semua analisis terjadi sepenuhnya di dalam browser Anda menggunakan pemrosesan sisi klien. Tidak ada data yang diunggah ke server mana pun - setiap byte tetap ada di perangkat Anda. Tidak ada batasan ukuran file, tidak ada persyaratan pendaftaran, dan tidak ada batasan penggunaan. Alat ini 100% gratis untuk digunakan tanpa fitur premium tersembunyi.
Pertanyaan yang Sering Diajukan
Pemeriksa favicon adalah alat yang menganalisis sumber HTML laman web untuk mengevaluasi kelengkapan dan kebenaran penerapan faviconnya. Ia memeriksa tag ikon standar, Ikon Apple Touch, Manifes Aplikasi Web, favicon SVG, gambar ubin Microsoft, warna tema, berbagai ukuran, dan banyak lagi - semuanya dalam browser Anda.
Pengaturan favicon lengkap menggunakan ICO untuk kompatibilitas browser lama, PNG untuk ukuran tertentu (16×16, 32×32, 192×192, 512×512), SVG untuk ikon tidak tergantung resolusi yang dapat diskalakan, dan Apple Touch Icon PNG 180×180 untuk iOS. Favicon SVG juga dapat beradaptasi dengan mode gelap menggunakan skema warna pilihan CSS.
Ukuran yang disarankan: 16×16 (tab browser), 32×32 (tab browser DPI tinggi), 48×48 (pintasan situs Windows), 180×180 (Ikon Apple Touch), 192×192 (layar beranda Android/PWA), dan 512×512 (layar pembuka PWA). File favicon.ico biasanya berisi varian 16×16 dan 32×32.
Sangat! Semua analisis berjalan langsung di browser Anda menggunakan JavaScript. Tidak ada konten HTML yang diunggah ke server mana pun. Data Anda tidak pernah keluar dari perangkat Anda, menjadikan ini cara paling aman untuk memeriksa penerapan favicon Anda.
Ikon Apple Touch digunakan oleh iOS saat pengguna menambahkan situs web Anda ke layar beranda melalui "Tambahkan ke Layar Utama". Ukuran yang disarankan adalah 180×180px. Tanpanya, iOS akan menggunakan tangkapan layar halaman Anda, yang biasanya terlihat tidak profesional.
Ya, jika Anda ingin situs Anda mendukung "Tambahkan ke Layar Utama" di Android, perintah pemasangan PWA, dan layar pembuka. Manifes harus menyertakan ikon berukuran 192×192 dan 512×512 piksel. Tautkan dengan <link rel="manifest" href="/site.webmanifest">.
Di sebagian besar browser, klik kanan halaman mana pun dan pilih "Lihat Sumber Halaman" (atau tekan Ctrl+U di Windows/Linux, Cmd+Option+U di Mac). Salin seluruh sumber HTML dan tempelkan ke kotak masukan pemeriksa.
Ya, pemeriksa favicon kami 100% gratis tanpa biaya tersembunyi, persyaratan pendaftaran, tingkat premium, atau batasan penggunaan. Periksa favicon Anda tanpa batas waktu untuk proyek apa pun - pribadi, komersial, atau perusahaan - sepenuhnya gratis.