Skip to main content

Pemeriksa Favicon Pratinjau bagaimana favicon terlihat pada semua ukuran standar dengan mockup tab browser dan bookmark.

Pemeriksa Favicon illustration
🖼️

Pemeriksa Favicon

Pratinjau bagaimana favicon terlihat pada semua ukuran standar dengan mockup tab browser dan bookmark.

1

Unggah Ikon

Tarik dan lepaskan atau pilih gambar favicon atau ikon.

2

Pratinjau

Lihat ikon Anda ditampilkan dalam semua ukuran standar dengan mockup konteks.

3

Unduh

Klik ukuran apa pun untuk mengunduh ikon pada resolusi tersebut.

Loading tool...

What Is Pemeriksa Favicon?

Sebuah pemeriksa favicon yang mempratinjau bagaimana ikon Anda terlihat pada semua ukuran standar: 16, 32, 48, 64, 96, 128, 180, 192, 256, dan 512px. Termasuk mockup realistis yang menampilkan ikon di tab browser, bilah alamat, dan konteks bookmark. Setiap ukuran dapat diunduh secara individual. Penting untuk memverifikasi keterbacaan favicon pada ukuran kecil sebelum penerapan. Otomatis menghasilkan semua ukuran dari satu sumber resolusi tinggi.

Why Use Pemeriksa Favicon?

  • Semua 10 ukuran favicon standar dihasilkan sekaligus
  • Mockup browser tab dan address bar
  • Klik ukuran apa pun untuk mengunduh resolusi tersebut
  • Mengidentifikasi masalah keterbacaan pada ukuran kecil

Common Use Cases

Pengembangan Web

Verifikasi favicon terlihat baik di semua ukuran sebelum diterapkan.

Merek

Pastikan ikon merek dapat dikenali pada 16×16px.

PWA

Pratinjau ikon aplikasi pada semua ukuran manifest PWA yang diperlukan.

SEO

Periksa tampilan favicon di hasil pencarian mesin pencari.

Technical Guide

Gambar sumber digambar pada canvas di setiap ukuran target menggunakan skala drawImage. Ukuran mengikuti standar web: 16px (tab browser), 32px (taskbar), 48px (Windows), 64/96px (shortcut), 128/180px (sentuhan Apple), 192/256/512px (PWA). Ukuran kecil menggunakan rendering pixelasi untuk menampilkan piksel sebenarnya. Mockup browser menggunakan CSS untuk mensimulasikan tab dan bilah alamat gaya Chrome dengan favicon yang disematkan.

Tips & Best Practices

  • 1
    Mulai dengan gambar sumber persegi 512px atau lebih besar
  • 2
    Ikon sederhana dan tebal bekerja paling baik pada 16×16px
  • 3
    Periksa keterbacaan pada 16px - ini adalah ukuran tab browser
  • 4
    Gunakan bentuk yang berbeda daripada ilustrasi rinci untuk favicon

Related Tools

Frequently Asked Questions

Q Ukuran standar?
16, 32, 48, 64, 96, 128, 180, 192, 256, 512px.
Q Format input?
Format gambar apa pun - PNG, SVG, ICO, JPEG semua berfungsi.
Q Format output?
Setiap ukuran diekspor sebagai PNG.
Q Mockup browser?
Menampilkan gaya tab dan address bar Chrome dengan ikon Anda.
Q Ukuran PWA?
Termasuk 192px dan 512px yang diperlukan untuk manifest PWA.

About This Tool

Pemeriksa Favicon is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.