Generator Favicon - Buat Semua Ukuran Favicon Dari Gambar

Unggah gambar apa pun dan langsung dapatkan set favicon lengkap: 16, 32, 48, 180 (Apple), 192 & 512 (PWA) plus site.webmanifest, dikemas sebagai ZIP.

Jatuhkan logo Anda untuk menghasilkan setiap ukuran favicon

Menyertakan site.webmanifest + cuplikan HTML

Tentang Favicon Generator

Merender gambar Anda ke enam ukuran favicon yang sebenarnya digunakan browser saat ini (melewatkan jalur .ico lama yang masih dibutuhkan beberapa situs), ditambah manifes aplikasi web yang siap dilepaskan. Berjalan seluruhnya di browser Anda — tanpa unggahan, tanpa menunggu.

Terus Menyempurnakan Gambar Anda

Tingkatkan pengeditan foto Anda ke tingkat berikutnya dengan alat populer ini

📝

Tambahkan Teks ke Gambar

Menambahkan keterangan dan judul ke foto yang disempurnakan

🖼️

Tambahkan Batas Foto

Bingkai efek Anda dengan batas yang indah

🗜️

Kompres Gambar

Mengoptimalkan gambar yang disempurnakan untuk dibagikan

📐

Ubah ukuran gambar

Mengubah dimensi gambar

Jelajahi Semua Alat Foto

Frequently Asked Questions

Untuk browser dan perangkat modern, Anda memerlukan enam ukuran: 16×16 dan 32×32 untuk tab browser, 48×48 untuk ikon situs Windows, 180×180 untuk ikon sentuh Apple (layar beranda iOS), dan 192×192 + 512×512 untuk layar beranda Android dan perintah penginstalan PWA. Generator kami menghasilkan keenamnya ditambah site.webmanifest dari satu gambar sumber.

usage

Sebagian besar browser modern lebih memilih tag tautan PNG (rel = "icon" type = "image / png"), sehingga file ICO tidak lagi diperlukan. Kami melewati ICO lama dan menyediakan favicon PNG berukuran benar untuk setiap target modern. Jika Anda harus mendukung Internet Explorer atau Chrome yang sangat lama, Anda dapat mengonversi salah satu PNG ke ICO secara terpisah.

technical

Manifes aplikasi web adalah file JSON yang memberi tahu Android, Chrome, dan Edge bagaimana situs Anda seharusnya terlihat saat diinstal sebagai aplikasi web progresif — ikon, nama, warna tema, dan mode tampilan. Generator kami menyertakan manifes pemula yang menunjuk ke ikon Chrome Android; Anda hanya perlu mengedit nama dan theme_color.

features

PNG persegi (1:1) pada 512×512 atau lebih besar memberikan output terbersih di setiap ukuran. Hindari detail halus yang menghilang pada 16×16 — favicon bekerja paling baik dengan satu bentuk tebal dan kontras tinggi. PNG transparan bekerja; alat kotak surat sehingga ikon berada di tengah pada setiap ukuran.

tips

Ya — gambar sumber Anda diubah ukurannya melalui API kanvas dan dikemas sebagai ZIP secara lokal. Tidak ada yang diunggah. Hal ini membuatnya aman untuk menghasilkan ikon untuk produk yang belum dirilis dan identitas merek pra-peluncuran.

privacy

Unzip download ke folder /public (atau root web) situs Anda, lalu tambahkan cuplikan HTML yang disertakan ke tag link <head>: untuk ikon PNG ditambah link ke site.webmanifest. Hard refresh situs Anda (Cmd+Shift+R) — browser menyimpan favicon secara agresif, jadi Anda mungkin perlu menghapus cache agar ikon baru muncul.

usage

Ya — PNG 192×192 dan 512×512 adalah apa yang dicari Chrome dan Edge untuk memenuhi syarat situs sebagai PWA yang dapat diinstal. Bersama dengan manifes mereka memenuhi pemeriksaan instalasi PWA mercusuar.

technical

Iya. Tidak ada tanda air, tidak ada pendaftaran, tidak ada batasan penggunaan — dan ZIP adalah milik Anda selamanya. Kami menambahkan alat ini karena setiap pengembang membutuhkan set favicon pada akhirnya, dan generator yang ada sarat iklan atau membuat Anda membayar untuk output resolusi tinggi.

pricing

Use Cases

Peluncuran Peretas Indie

Pendiri solo yang mengirimkan MVP mereka membutuhkan favicon yang dipoles sebelum diluncurkan. Hasilkan setiap ukuran dari gambar logo tunggal Anda dan manifes dalam satu klik — tidak perlu berlangganan Figma, tidak perlu berlangganan desain.

development

Pengaturan Klien Agensi

Saat mengirimkan situs klien baru, set favicon jarang dianggarkan tetapi selalu diharapkan. Buat ZIP di akhir proyek, letakkan di /public, dan centang kirimannya.

agency

Kemampuan Instalasi PWA

Untuk lulus pemeriksaan kemampuan penginstalan Chrome, manifes Anda memerlukan ikon 192×192 dan 512×512. Output kami memenuhi persyaratan itu di luar kotak, ditambah tag kepala HTML yang cocok.

development

Ruang Kerja Multi-Merek

Agensi dan konsultan yang menyulap beberapa merek klien dapat meregenerasi set favicon dalam 10 detik setiap kali penyegaran merek dikirimkan — tidak perlu mempertahankan tindakan Photoshop.

agency

Branding Proyek Sumber Terbuka

Situs GitHub Pages, Vercel, Netlify, dan Cloudflare Pages semuanya membutuhkan favicon agar terlihat dipoles di tab browser. Jatuhkan file yang dihasilkan ke repositori Anda dan proyek Anda terlihat dikirim.

opensource

Rebranding Refresh

Saat logo Anda berubah, buat ulang setiap ukuran yang diperlukan — termasuk ikon sentuh Apple 180px dan ikon PWA Android 512px — tanpa mengekspor ulang secara manual dari Illustrator.

branding