Lompat ke konten
Aback Tools Logo

Penganalisis Ukuran Kumpulan Favicon

Analisis ukuran kumpulan favicon Anda secara online dan gratis. Unggah file favicon ICO, PNG, dan SVG untuk mengidentifikasi ukuran berlebih, mendapatkan rekomendasi favicon SVG, dan melihat persis berapa banyak yang bisa Anda hemat dengan menghapus file usang. Termasuk panduan kumpulan favicon optimal untuk browser modern. Tanpa registrasi, tanpa unggah ke server, dan 100% privat.

Analyze Favicon Bundle Size
Upload your favicon files (.ico, .png, .svg) to analyze total bundle size, identify redundant sizes, and get recommendations for reducing favicon payload.

Drop your favicon files here

or click to browse (multiple files supported)

ICO, PNG, SVG, WebP files are supported

Mengapa menggunakan penganalisis ukuran kumpulan favicon kami?

  • Analisis kumpulan favicon instan: penganalisis ukuran kumpulan favicon kami memproses file favicon Anda sepenuhnya di browser Anda, tanpa menunggu unggahan. Jatuhkan file ICO, PNG, dan SVG Anda lalu dapatkan rincian ukuran, laporan redundansi, dan rekomendasi praktis dalam hitungan detik.
  • Penganalisis favicon online yang aman: file favicon Anda tidak pernah meninggalkan perangkat saat menggunakan penganalisis online kami. Pemrosesan 100% di sisi klien menjamin privasi penuh: tanpa unggah ke server, tanpa penyimpanan file, dan tanpa risiko mengekspos aset merek yang belum dipublikasikan atau desain ikon milik sendiri.
  • Penganalisis kumpulan favicon tanpa instalasi: analisis kumpulan favicon Anda langsung di browser, tanpa Node.js, tanpa alat build, dan tanpa alat baris perintah. Penganalisis kami berjalan di perangkat apa pun dengan browser modern: tanpa penyiapan, tanpa dependensi, dan tanpa akun.
  • Deteksi redundansi dan rekomendasi SVG: penganalisis kami mengidentifikasi ukuran usang (iOS lama, ubin Windows 8, Chrome Web Store) dan menghitung penghematan persis dari menghapusnya. Ia juga memperkirakan berapa banyak yang Anda hemat dengan beralih ke satu favicon SVG, sering kali 70% lebih kecil daripada set PNG lengkap.

Apa itu ukuran kumpulan favicon?

Ukuran kumpulan favicon adalah total byte yang dikonsumsi semua file favicon proyek web Anda: file ICO, PNG, SVG, dan WebP yang digunakan browser untuk menampilkan ikon situs Anda di tab, bookmark, layar utama, dan peluncur aplikasi. Kumpulan favicon tipikal yang dihasilkan alat seperti RealFaviconGenerator berisi 10–20 file dengan total 200–500 KB, tetapi browser modern hanya membutuhkan 3–5 file dengan total kurang dari 100 KB. Penganalisis kami mengidentifikasi file mana yang berlebih untuk browser modern, menghitung penghematan persis dari menghapusnya, dan merekomendasikan beralih ke favicon SVG, yang menggantikan sebagian besar ukuran PNG dengan satu file berskala di bawah 5 KB.

Cara kerja penganalisis ukuran kumpulan favicon kami

  1. Unggah file favicon Anda: seret dan jatuhkan atau klik untuk menelusuri. Penganalisis kami menerima file ICO, PNG, SVG, dan WebP. Unggah seluruh kumpulan favicon Anda sekaligus: semua pemrosesan terjadi secara lokal di browser Anda dan file Anda tidak pernah meninggalkan perangkat.
  2. Analisis instan di browser: alat ini mendeteksi ukuran setiap file dari namanya (misalnya, favicon-32x32.png → 32 px), mengklasifikasikannya sebagai penting, direkomendasikan, opsional, atau berlebih berdasarkan data kompatibilitas browser modern, lalu menghitung ukuran total kumpulan dan byte yang berlebih.
  3. Tinjau rekomendasi dan optimalkan: lihat rekomendasi berprioritas untuk menghapus ukuran berlebih, beralih ke SVG, mengoptimalkan file ICO, dan menambahkan ukuran penting yang hilang. Panduan kumpulan favicon optimal menunjukkan persis 5 file yang dibutuhkan browser modern.

Apa yang dideteksi penganalisis ukuran kumpulan favicon

  • Ukuran berlebih: ukuran favicon yang tidak lagi dibutuhkan browser modern, termasuk ukuran iOS lama (57 px, 72 px, 114 px), ubin Windows 8 (144 px), ikon Chrome Web Store (128 px), dan ukuran Android usang (196 px).
  • File ICO kebesaran: file ICO yang menyematkan ukuran 48 px, 64 px, atau 256 px selain 16 px dan 32 px yang wajib, sumber umum bobot tidak perlu yang bisa dihilangkan dengan membuat ulang ICO hanya dengan 16×16 dan 32×32 tersemat.
  • Ukuran penting yang hilang: file favicon wajib yang tidak ada dalam kumpulan Anda, termasuk favicon.ico (16×16 + 32×32), apple-touch-icon (180×180), dan ikon manifes PWA (192×192 dan 512×512).
  • Peluang SVG: jika kumpulan favicon Anda tidak memiliki favicon SVG, ketahuilah bahwa satu file SVG menggantikan sebagian besar ukuran PNG, menskalakan dengan sempurna ke resolusi apa pun, dan didukung semua browser modern sejak 2020.

Catatan penting tentang optimasi favicon

Penganalisis ukuran kumpulan favicon mendeteksi ukuran file dari namanya menggunakan pola penamaan umum (misalnya, favicon-32x32.png, icon-192.png). File dengan nama nonstandar mungkin muncul sebagai "ukuran tidak diketahui": ganti namanya agar mencakup dimensi piksel untuk mendapatkan analisis yang akurat. Estimasi penghematan dengan SVG mengasumsikan favicon SVG tipikal 2–5 KB yang menggantikan semua ukuran PNG. Penghematan sebenarnya bergantung pada kompleksitas SVG Anda. Selalu uji kumpulan favicon Anda di beberapa browser setelah optimasi untuk memastikan tampilan yang benar di semua lingkungan target.

Pertanyaan yang Sering Diajukan

Penganalisis ukuran kumpulan favicon mengukur total byte yang dikonsumsi semua file favicon proyek web Anda dan mengidentifikasi file mana yang berlebih untuk browser modern. Penganalisis ukuran kumpulan favicon kami bekerja sepenuhnya di browser Anda: file favicon Anda tidak pernah diunggah ke server mana pun.

Browser modern hanya membutuhkan 3–5 file favicon: favicon SVG (menggantikan sebagian besar PNG), favicon.ico dengan 16×16 dan 32×32 tersemat (untuk kompatibilitas sistem lama), apple-touch-icon.png 180×180 (layar utama iOS), PNG 192×192 (PWA Android), dan PNG 512×512 (layar sambutan PWA). Sisanya berlebih untuk browser modern.

Ya, sepenuhnya. Penganalisis ukuran kumpulan favicon kami memproses semuanya secara lokal di browser Anda. File favicon Anda tidak pernah diunggah ke server mana pun, tidak pernah disimpan, dan tidak pernah ditransmisikan melalui jaringan.

Ya. Penganalisis ukuran kumpulan favicon ini 100% gratis, tanpa registrasi, tanpa paket premium, tanpa tanda air, dan tanpa batas ukuran file. Anda dapat menganalisis kumpulan favicon sebanyak yang Anda mau, tanpa batasan.

Favicon SVG adalah satu file (biasanya 1–5 KB) yang menskalakan dengan sempurna ke ukuran apa pun, menggantikan lebih dari 10 file PNG yang totalnya 200–500 KB. Favicon SVG didukung semua browser modern sejak 2020 dan juga mendukung mode gelap melalui media query CSS di dalam SVG itu sendiri.

Ukuran yang berlebih meliputi: 57 px (iPhone lama), 72 px (iPad lama), 96 px (Google TV), 114 px (iPhone lama @2x), 128 px (hanya Chrome Web Store), 144 px (ubin Windows 8), 196 px (Android Chrome lama), dan 256 px (jarang diperlukan). Menghapusnya menghemat banyak byte tanpa memengaruhi tampilan di browser modern.

favicon.ico yang dioptimalkan sebaiknya hanya berisi ukuran tersemat 16×16 dan 32×32 serta berbobot kurang dari 5 KB. Banyak file ICO menyematkan ukuran 48 px, 64 px, dan 256 px secara tidak perlu. Gunakan alat seperti RealFaviconGenerator atau ImageMagick untuk membuat ulang ICO Anda dengan hanya dua ukuran yang diperlukan.

Penganalisis mendeteksi ukuran dari pola nama yang umum: favicon-32x32.png (pola NxN), icon-192.png (tanda hubung + angka), apple-touch-icon-180x180.png (pola NxN), dan 512.png (hanya angka). File dengan nama nonstandar mungkin muncul sebagai ukuran tidak diketahui: ganti namanya agar mencakup dimensi piksel untuk mendapatkan analisis yang akurat.

Tidak: penganalisis ukuran kumpulan favicon hanya menganalisis file yang diunggah. Ia tidak mengurai HTML untuk memeriksa deklarasi link rel="icon" Anda. Untuk audit favicon lengkap termasuk validasi HTML, gunakan DevTools browser atau alat pemeriksa favicon khusus.