onul.works

Favicon Generator

Unggah gambar atau logo untuk membuat ukuran favicon PNG, favicon.ico, dan kandidat Apple Touch Icon.

◴ Data tidak disimpan ⌁ Gratis

Konsep

Favicon adalah identitas ikon di tab browser, bookmark, dan layar PWA

Favicon tidak hanya sekadar preview gambar; ini mencakup setup tab, bookmark, dan icon instalasi aplikasi agar tampil konsisten.

Tab browser biasanya butuh 16-48px, bookmark dan PWA biasanya membutuhkan PNG 180/192/512px di samping variannya.

Gunakan PNG transparan dan cek kontras di mode gelap, lalu verifikasi tampilannya pada tab, bookmark, dan mobile install views.

Kegunaan

Dipakai ketika menyiapkan favicon.ico, site.webmanifest, dan kombinasi link rel icon/Apple touch icon untuk beberapa konteks UI.

Ukuran rekomendasi

Siapkan PNG 16/32/48/180/192/512px, favicon.ico, dan SVG bila diperlukan agar cakupan browser dan mobile lebih luas.

Pemeriksaan pra-rilis

Periksa background transparan, kontras dark mode, base href, dan apakah icon benar terlihat pada tab, bookmark, dan tampilan instal.

Target bukan hanya pratinjau ikon; favicon perlu didukung manifest dan link HTML yang benar agar UI browser benar-benar menampilkannya.

Gambar sumber
Hasil favicon
Pratinjau favicon yang dibuat akan muncul di sini.

Cara menggunakan

  1. 1 Pilih atau jatuhkan gambar yang mendekati bentuk persegi.
  2. 2 Klik generate untuk membuat beberapa ukuran favicon PNG dan favicon.ico.
  3. 3 Unduh file satu per satu atau sebagai ZIP, lalu cek path relatif atau base path pada kode link HTML untuk deployment Anda.

Contoh penggunaan umum

  • Membuat file favicon PNG/ICO
  • Membuat favicon dari gambar logo
  • Membuat kandidat Apple Touch Icon
  • Menyiapkan kode link HTML favicon

Pertanyaan umum

Apakah alat ini juga membuat file ICO?

Ya. V2 membuat ukuran favicon PNG, favicon.ico, dan kode link HTML, dengan unduhan ZIP untuk seluruh set. Contoh HTML memakai path relatif secara default, jadi tambahkan base path sebelum setiap href saat deploy di subpath. Pembuatan di browser adalah default, sedangkan pembuatan optimal server memakai resize Cloud Run.

Alur kerja terkait

Favicon GeneratorUbah gambar sumber atau logo ikon situs menjadi favicon dalam beberapa ukuran terlebih dahulu. → Base64 to ImageDecode gambar Base64 yang diterima selama pekerjaan untuk memastikan hasilnya sesuai sumber. → Image CompressorKompres aset gambar yang digunakan bersama ikon agar ukuran rilis lebih kecil.