SEO
Favicon Generator
Unggah gambar dan dapatkan set favicon lengkap (16–512px, .ico, manifes web) beserta kode HTML siap pakai untuk <head>.
Arsip berisi semua PNG, favicon.ico, dan site.webmanifest.
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
Artikel tentang alat ini: Favicon: mengapa satu ikon butuh begitu banyak ukuran dan format
Pertanyaan yang sering diajukan
Mengapa saya perlu begitu banyak ukuran favicon yang berbeda?
Platform yang berbeda meminta ukuran yang berbeda — tab browser biasanya menggunakan 16x16 atau 32x32, ikon layar utama iOS memerlukan 180x180, dan Android menggunakan berbagai ukuran hingga 512x512 — menghasilkan set lengkap memastikan ikon Anda terlihat tajam di mana saja.
Apa perbedaan antara favicon .ico dan .png?
Format .ico dapat menggabungkan beberapa resolusi dalam satu file dan memiliki dukungan browser lama yang paling luas, sementara browser modern juga menerima file .png biasa yang direferensikan langsung dalam tag link — sebagian besar situs saat ini menggunakan keduanya untuk kompatibilitas.
Apakah gambar yang saya unggah dikirim ke server untuk menghasilkan favicon?
Tidak. Semua pengubahan ukuran dan konversi format terjadi sepenuhnya di browser Anda — gambar tidak pernah diunggah ke mana pun.
Bisakah SVG digunakan sebagai favicon?
Ya — browser modern berbasis Chromium dan Firefox mendukung <link rel="icon" type="image/svg+xml">, dan favicon semacam itu tetap tajam pada kepadatan layar apa pun serta bahkan bisa merespons mode gelap melalui prefers-color-scheme di dalam file itu sendiri.
Apa itu ikon maskable untuk Android?
Ini adalah ikon dengan zona aman di sekitar gambar utama yang bisa dipotong Android ke dalam bentuk apa pun (lingkaran, persegi bersudut membulat, dll.) sesuai tema perangkat, tanpa memotong konten penting ikon.