./prontouso.com

GAMBAR & MEDIA

Penghasil Favicon

Ubah gambar atau emoji menjadi paket favicon lengkap multi-ukuran (16x16, 32x32, 48x48, 180x180 Apple Touch Icon) beserta kode link HTML yang siap disalin.

Status alatBerjalan di browser Anda
Pratinjau
prontouso://imagens/favicon-lab
PNG + ICOTANPA UNGGAH
Taruh gambar di siniatau pilih file
.png, .jpg, .jpeg, .webp, .svg · hingga 2.0 MB. Dibaca di browser Anda, tidak pernah diunggah.

Cara kerja

  1. Masukkan data Anda

    Isi nilai yang diperlukan, tempel teks Anda, atau unggah file yang ingin diproses.

  2. Lihat hasil seketika

    Sebagian besar alat diperbarui secara langsung saat Anda mengetik; beberapa menggunakan satu tombol tindakan.

  3. Gunakan hasil Anda

    Salin, unduh, atau bagikan hasil yang dihasilkan — Anda selalu memiliki kendali penuh atas data Anda.

Privasi dan pemrosesan data — Berjalan secara lokal di browser Anda. Alat ini tidak mengunggah data Anda.

Apa itu Penghasil Favicon?

Ubah gambar jadi paket favicon lengkap — ukuran PNG, favicon.ico multi-resolusi, site.webmanifest, dan tag HTML siap tempel — semuanya dibuat langsung di browser Anda.

PAHAMI CARA KERJA ALAT

Cara Membuat Paket Favicon Lengkap

Unggah gambar untuk membuat semua ukuran favicon yang umum, favicon.ico asli, site.webmanifest, dan kode HTML persis untuk ditempel di <head> Anda — semuanya dalam satu file .zip.

Isi paketnya

Enam ukuran PNG persegi (16, 32, 48, 180, 192, dan 512px) yang mencakup tab browser, Apple touch icon, dan ikon Android/web app, plus favicon.ico asli yang menggabungkan versi 16/32/48px jadi satu file multi-resolusi — file yang masih diminta browser secara default.

Site.webmanifest berisi nama situs Anda (dari kolom nama opsional) yang mengarah ke ikon 192/512px, dan kode HTML siap pakai yang mencantumkan setiap tag <link>, sesuai urutan yang dicek browser — bagian yang biasanya harus dicari ulang setiap kali.

Rekomendasi gambar

  • Mulai dengan gambar persegi yang jelas kalau bisa — selain itu akan dipotong ke bentuk persegi di bagian tengah.
  • Pakai kontras yang cukup supaya ikon tetap terbaca saat ukurannya kecil.
  • Cek pratinjau tab browser dan layar utama sebelum mengunduh — logo yang terlihat jelas di 512px bisa buram atau kehilangan detail di 16px.

Dua cara mengunduh file

"Unduh paket (.zip)" adalah opsi satu klik: semua ukuran PNG, favicon.ico, site.webmanifest, dan kode HTML sebagai file teks, siap ditaruh di root proyek Anda.

Kalau cuma butuh beberapa ukuran saja, pilih di kisi ukuran lalu pakai "Unduh yang dipilih" — satu file langsung terunduh, dua atau lebih akan jadi file .zip kecil.

Semuanya terjadi di perangkat Anda

Gambar sumber di-decode dengan Canvas API, setiap ukuran PNG dirender secara lokal, dan file .ico, manifest, serta kode HTML semuanya dirakit di browser Anda — tidak ada yang pernah diunggah ke mana pun.

Pertanyaan yang Sering Diajukan (FAQ)

Saya dapat favicon.ico asli, atau cuma PNG yang diganti nama?

Yang asli. PNG 16, 32, dan 48px digabung ke dalam kontainer ICONDIR sungguhan — format multi-resolusi yang sama seperti yang dihasilkan tool semacam icoutils — bukan satu PNG yang cuma ekstensinya diganti jadi .ico.

Apakah gambar saya dipotong?

Ya, kalau gambar sumbernya belum persegi: bagian persegi terbesar di tengah dipotong sebelum tiap ukuran dirender, jadi wajah atau logo yang dekat tepi gambar lebar bisa saja ikut terpotong.

Ukuran mana yang untuk ikon aplikasi?

180px adalah Apple touch icon, sementara 192px dan 512px adalah yang dirujuk site.webmanifest untuk instalasi Android dan web app. Ukuran 16, 32, dan 48px mencakup slot favicon browser dan juga yang digabung ke dalam favicon.ico.

Kolom nama situs sebenarnya mengubah apa?

Kolom itu hanya memengaruhi field name dan short_name di site.webmanifest — nama yang ditampilkan saat seseorang menambahkan situs Anda ke layar utama. Dibiarkan kosong pun tetap menghasilkan manifest yang valid dengan nama generik sebagai default.

Alat Terkait