Pemeriksa Favicon Situs Web
Periksa favicon yang dideklarasikan sebuah situs, apakah setiap URL ikon dan /favicon.ico benar termuat (status, tipe, ukuran), serta ada tidaknya apple-touch-icon dan manifest.
https:// ditambahkan jika skema tidak disebutkan.
Apa itu Pemeriksa Favicon?
Alat ini membaca deklarasi ikon sebuah halaman (rel="icon", shortcut icon, apple-touch-icon, mask-icon) dan tautan manifest aplikasi web, lalu meminta setiap URL ikon serta /favicon.ico bawaan untuk memastikan semuanya benar-benar termuat. Anda mendapatkan status HTTP, tipe konten, dan ukuran setiap ikon serta daftar periksa kekurangan yang umum.
Cara menggunakan Pemeriksa Favicon
- Masukkan URL situs web lalu tekan Periksa.
- Tinjau tabel URL ikon beserta rel/sizes, status HTTP, tipe konten, dan ukurannya.
- Baca daftar periksa: ikon yang dideklarasikan, /favicon.ico, apple-touch-icon, dan manifest.
Kapan menggunakan Pemeriksa Favicon
Gunakan ketika favicon tidak muncul di tab browser, bookmark, atau hasil pencarian, atau setelah mengganti ikon. Alat ini tidak merender ikon dan tidak memeriksa dimensi gambar di dalam file; browser juga menyimpan favicon di cache dengan agresif, jadi ikon yang sudah diperbaiki mungkin butuh waktu untuk muncul.
Cara kerja Pemeriksa Favicon
Pages Function milik AlgoKit mengambil halaman dengan perlindungan SSRF yang sama seperti pemeriksa lainnya, mengekstrak tautan ikon dan manifest dari HTML, lalu meminta hingga 8 URL ikon termasuk /favicon.ico. Pengalihan pada URL ikon dilaporkan, bukan diikuti, agar setiap permintaan melewati pemeriksaan alamat privat. Status, Content-Type, dan ukuran (Content-Length atau jumlah byte yang dibaca, hingga 1 MB) dikembalikan ke browser Anda.
Kasus Penggunaan Umum
- Mencari tahu mengapa tab browser menampilkan ikon kosong (404 pada file yang dideklarasikan).
- Memeriksa bahwa /favicon.ico tersedia untuk alat dan crawler yang memintanya secara langsung.
- Memverifikasi adanya apple-touch-icon untuk bookmark layar utama iOS.
- Memastikan ikon dikirim dengan tipe konten gambar, bukan text/html.
Pertanyaan Umum
Apakah saya masih membutuhkan /favicon.ico?
Browser modern memakai <link rel="icon"> yang Anda deklarasikan, tetapi sebagian alat, pembaca RSS, dan browser lama meminta /favicon.ico secara langsung, jadi menyediakannya mencegah error 404.
Berapa ukuran apple-touch-icon yang sebaiknya?
PNG 180×180 px sudah mencakup iPhone dan iPad saat ini; iOS menskalakannya untuk ukuran lain.
Mengapa Google menampilkan favicon lama?
Google merayapi ulang favicon sesuai jadwalnya sendiri. Pastikan ikon bisa dirayapi dan tidak sering berubah; perubahan bisa memakan waktu berhari-hari hingga berminggu-minggu.