Every favicon size from one image
Hand-exporting six icon sizes per site is tedious. Drop one image and get 16–512px PNGs, the Apple touch icon, and site.webmanifest zipped in seconds.
Drop a square image — get every favicon size plus site.webmanifest as a ZIP.
Termasuk favicon.ico, site.webmanifest + cuplikan HTML
What you can do with Generator Favicon
Everything this tool helps you accomplish — no learning curve, no setup.
- Generate every favicon size from one image
- Create Apple touch and Android home-screen icons
- Get a ready-to-use site.webmanifest file
- Download all favicon sizes as a single ZIP
- Add a crisp browser-tab icon to your website
Selesai dengan Generator Favicon? Coba yang berikut ini
Alat pilihan yang cocok dipadukan dengan Generator Favicon. Terus lanjutkan tanpa kehilangan file Anda.
Konverter ICO
Windows and browsers need .ico, not PNG. Convert PNG, JPG, or SVG into one multi-resolution .ico (16–256 px) ready for favicons and desktop apps in seconds.
Coba sekarangSVG ke PNG
Slack, docs, and most apps can't use SVG. Export your vector as a sharp PNG at 1×–8× scale with a transparent, white, or custom background — in seconds.
Coba sekarangPNG ke WebP
PNGs are bloating your page load. Convert them to WebP at a fraction of the size with every transparent pixel intact — in seconds.
Coba sekarangGambar ke Stiker
Plain photos look out of place in chats. Cut the background, wrap a white outline around your subject, and export a sticker sized for WhatsApp, Telegram, and iMessage in seconds. Free to start.
Coba sekarangUbah Ukuran Gambar
Wrong size for the platform? Set exact width and height or scale by percent, preview live, and download without quality loss — in seconds. Free to start; batch resize with Premium.
Coba sekarangPemilih Warna
Stop guessing HEX codes from screenshots. Click any pixel for HEX, RGB, and HSL, or extract the dominant palette as JSON or CSS variables, right in your browser.
Coba sekarangPertanyaan yang Sering Diajukan
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 Apple touch icon (layar utama iOS), dan 192×192 + 512×512 untuk layar utama Android dan permintaan instalasi PWA. Generator kami menghasilkan keenamnya plus site.webmanifest dari satu gambar sumber.
usageSebagian besar peramban modern lebih menyukai tag tautan PNG (rel="icon" type="image/png"), sehingga file ICO tidak lagi diperlukan. Kami melewati ICO yang lawas dan menyediakan favicon PNG dengan ukuran yang tepat untuk setiap target modern. Jika Anda harus mendukung Internet Explorer atau Chrome yang sangat lawas, Anda dapat mengonversi salah satu PNG ke ICO secara terpisah.
technicalManifest aplikasi web adalah file JSON yang memberi tahu Android, Chrome, dan Edge bagaimana situs Anda harus tampil saat dipasang sebagai progressive web app — ikon, nama, warna tema, dan mode tampilan. Generator kami menyertakan manifest awal yang menunjuk ke ikon Android Chrome; Anda hanya perlu mengedit nama dan theme_color.
featuresPNG persegi (1:1) berukuran 512×512 atau lebih besar memberi keluaran terbersih di setiap ukuran. Hindari detail halus yang hilang pada 16×16 — favicon paling baik dengan satu bentuk tegas dan kontras tinggi. PNG transparan bisa digunakan; alat ini menambahkan letterbox agar ikon berada di tengah pada setiap ukuran.
tipsGambar sumber Anda diunggah melalui HTTPS ke server aman kami, yang merender setiap ukuran favicon dan site.webmanifest dan mengembalikannya sebagai ZIP, lalu menghapus unggahan otomatis setelah pemrosesan. Unduhan tidak memiliki watermark dan tidak ada yang disimpan atau dibagikan, sehingga tetap aman untuk produk yang belum dirilis dan identitas merek pra-peluncuran.
privacyEkstrak hasil unduhan ke folder /public (atau web root) situs Anda, lalu tambahkan cuplikan HTML yang disertakan ke <head> Anda: tag link untuk ikon PNG plus link ke site.webmanifest. Muat ulang situs Anda secara paksa (Cmd+Shift+R) — peramban menyimpan cache favicon secara agresif, jadi Anda mungkin perlu membersihkan cache agar ikon baru muncul.
usageYa — PNG 192×192 dan 512×512 adalah persis yang dicari Chrome dan Edge untuk menjadikan sebuah situs sebagai PWA yang dapat dipasang. Bersama dengan manifest, keduanya memenuhi pemeriksaan kelayakan pemasangan PWA Lighthouse.
technicalYes. Preview the favicon set before signup, then create a free account to download the ZIP without a watermark. The icon set is rendered on our servers, so signed-in free use has an allowance and Premium removes the cap.
pricingFavicon adalah ikon kecil yang ditampilkan browser di samping judul halaman pada tab, di bookmark, dan di riwayat. Ikon ini juga dipakai saat seseorang menambahkan situs Anda ke layar utama ponsel atau memasangnya sebagai aplikasi. Unggah logo Anda di sini dan generator akan menghasilkan satu set lengkap ukuran favicon plus site.webmanifest dalam satu ZIP.
usageYa — pengunggah menerima file sumber PNG, JPEG, WebP, dan SVG, tidak hanya PNG. SVG layak digunakan jika Anda memilikinya: karena berbasis vektor, setiap ukuran keluaran dari 16 hingga 512 dirender segar dari data vektor alih-alih diperbesar dari raster, jadi tepian tetap tajam bahkan pada 512×512. JPEG dan WebP juga bekerja baik, meskipun Anda sebaiknya meratakan transparansi apa pun ke latar belakang terlebih dahulu karena JPEG tidak dapat menyimpan kanal alfa.
technicalUpload logo PNG Anda dan generator akan merendernya menjadi favicon.ico multi-resolusi berisi versi 16, 32, dan 48 piksel yang dibutuhkan browser, lengkap dengan enam ukuran PNG dan site.webmanifest, semuanya dikemas dalam satu file ZIP. Sumber JPEG, WebP, dan SVG juga didukung, jadi logo apa pun bisa diubah menjadi favicon tanpa perlu membuka editor gambar.
usageBagaimana Generator Favicon membantu Anda menyelesaikannya
Masalah nyata yang diselesaikannya setiap hari — untuk bisnis, kreator, dan tugas sehari-hari. Temukan kasus penggunaan yang cocok untuk Anda dan mulai dalam hitungan detik.
Peluncuran Indie Hacker
Founder solo yang merilis MVP mereka membutuhkan favicon yang rapi sebelum peluncuran. Hasilkan setiap ukuran dari satu gambar logo Anda beserta manifest hanya dengan satu klik — tanpa Figma, tanpa langganan desain.
Penyiapan Klien Agensi
Saat menyerahkan situs klien baru, set favicon jarang dianggarkan tetapi selalu diharapkan. Buat file ZIP di akhir proyek, letakkan di /public, dan centang sebagai hasil yang diserahkan.
Kemampuan Instalasi PWA
Untuk lolos pemeriksaan kelayakan instalasi Chrome, manifes Anda membutuhkan ikon 192×192 dan 512×512. Output kami memenuhi persyaratan itu secara langsung, beserta tag head HTML yang sesuai.
Ruang Kerja Multi-Merek
Agensi dan konsultan yang menangani banyak merek klien dapat menghasilkan ulang set favicon dalam 10 detik setiap kali ada penyegaran merek — tanpa perlu memelihara action Photoshop.
Branding Proyek Open Source
Situs GitHub Pages, Vercel, Netlify, dan Cloudflare Pages semuanya membutuhkan favicon agar tampak rapi di tab browser. Tempelkan berkas yang dihasilkan ke dalam repo Anda dan proyek Anda pun tampak siap rilis.
Penyegaran Rebranding
Saat logo Anda berubah, buat ulang setiap ukuran yang diperlukan — termasuk ikon Apple touch 180px dan ikon PWA Android 512px — tanpa mengekspor ulang secara manual dari Illustrator.
Ikon untuk Manifest Ekstensi Peramban
Ambil PNG 16, 32, dan 48px langsung dari ZIP untuk objek icons manifest.json Anda — cara cepat untuk mendapatkan ikon ekstensi yang sesuai tanpa mengekspor setiap ukuran secara manual di alat desain.
Isi Kekosongan Favicon pada Situs No-Code
Webflow, Framer, dan Wix jarang menghasilkan set favicon lengkap sendiri; unggah logo Anda di sini dan tempel ukuran hasilnya serta cuplikan HTML ke panel custom-code atau pengaturan SEO situs dalam hitungan menit.
Beri Blog Hobi Tampilan yang Rampung
Blog pribadi di Ghost, Jekyll, atau Hugo sering kali tidak dilengkapi favicon sama sekali; buat set lengkap dari foto wajah atau logo gambar tangan agar tab peramban terlihat disengaja alih-alih kosong.
Perbaiki Favicon yang Ditandai dalam Audit SEO
Favicon yang hilang atau rusak adalah temuan umum dalam laporan Lighthouse dan crawler SEO, dan diam-diam menurunkan click-through di hasil pencarian serta bookmark. Buat ulang seluruh set dalam sekali unggah dan tuntaskan temuan itu hari ini.