Gratis · Tanpa watermark · 52 bahasa

Generator favicon untuk setiap perangkat

Ubah gambar apa pun menjadi favicon.ico, Apple touch icon, ikon Android & PWA, serta kode HTML siap tempel. Atau gambar ikon Anda sendiri piksel demi piksel.

Gambar sumber

Iklan

Pratinjau langsung

16×16
32×32
48×48
iOS
Android
Pengaturan aplikasi
Opsi lanjutan

Set ikon

Ukuran di dalam favicon.ico

Gambar Anda diproses dengan aman dan tidak pernah dipublikasikan.

Paket favicon Anda sudah siap

Unggah file dari ZIP, lalu tempelkan kode ini ke dalam <head>

Cara membuat favicon dalam 3 langkah

Dari logo atau gambar apa pun menjadi set favicon lengkap yang sesuai standar dalam waktu kurang dari satu menit.

Unggah gambar Anda

Letakkan file PNG, JPG, WebP, AVIF, GIF, SVG, atau ICO ke generator, atau gambar ikon di editor piksel.

Atur pemotongan dan warna

Seret dan zoom gambar, atur padding, sudut membulat, latar belakang, dan warna tema.

Unduh dan pasang

Unduh ZIP, unggah file ke situs web Anda, lalu tempel kode HTML ke dalam <head>.

Semua yang dibutuhkan ikon situs web Anda

Satu kali unggah menghasilkan setiap ikon yang diminta browser, ponsel, tablet, dan sistem operasi modern.

Favicon browser

favicon.ico multi-ukuran plus ikon PNG 16, 32, dan 96 px untuk Chrome, Firefox, Safari, dan Edge.

Apple touch icon

Semua ukuran layar utama iPhone dan iPad dari 57 hingga 180 px dengan latar belakang solid.

Android & PWA

Ikon hingga 512 px, ikon maskable, dan manifest.json siap pakai untuk aplikasi web yang dapat diinstal.

Ubin Windows

Gambar ubin dan browserconfig.xml dengan warna ubin Anda.

Editor piksel

Gambar ikon 16×16 yang tajam dari awal atau sempurnakan setiap piksel dari gambar yang Anda unggah.

Kode HTML disertakan

Kode <head> siap salin-tempel tersedia di halaman unduhan dan di file readme pada setiap paket.

REST API

Otomatiskan pembuatan favicon dengan kunci API pribadi dan contoh kode siap pakai.

Privat & aman

Tanpa hot-linking, tanpa galeri publik. Ikon Anda tetap milik Anda – dihosting di server Anda sendiri.

Ukuran favicon dalam paket

FileUkuranDigunakan oleh
favicon.ico16, 32, 48Semua browser, Windows, crawler
favicon-16x16.png, favicon-32x32.png16, 32Tab browser, bookmark
favicon-96x96.png96Hasil pencarian Google, pintasan desktop
apple-icon-*.png, apple-touch-icon.png57 – 180Layar utama iPhone, iPad
android-icon-*.png, web-app-manifest-*.png36 – 512Layar utama Android, PWA
maskable-icon-512x512.png512Ikon adaptif Android
ms-icon-*.png70 – 310Ubin Start Windows
manifest.json, site.webmanifest, browserconfig.xml—Instalasi PWA, konfigurasi Windows

Pertanyaan yang sering diajukan

Apa itu favicon?
Favicon adalah ikon kecil yang muncul di tab browser, bookmark, riwayat, dan hasil pencarian di samping nama situs web Anda. Situs modern juga memerlukan versi yang lebih besar untuk layar utama iPhone dan Android, ubin Windows, dan Progressive Web App.
Format gambar apa yang dapat saya unggah?
Anda dapat mengunggah PNG, JPG, WebP, AVIF, GIF, BMP, SVG, atau file ICO yang sudah ada. Untuk hasil paling tajam, gunakan gambar persegi berukuran minimal 512 × 512 piksel dengan latar belakang transparan.
Apa isi paket favicon?
Satu favicon.ico multi-ukuran (16, 32, dan 48 px), favicon PNG, semua ikon Apple touch, ikon Android dan PWA termasuk ikon maskable, gambar tile Windows, manifest.json, site.webmanifest, browserconfig.xml, serta file readme berisi langkah-langkah instalasi dan kode HTML siap tempel.
Apakah MakeFav gratis?
Ya. Membuat, mengedit, dan mengunduh favicon sepenuhnya gratis. Anda hanya memerlukan akun gratis dengan alamat email yang sudah dikonfirmasi; akun gratis mencakup newsletter kami yang dikirim paling banyak sekali seminggu.
Mengapa saya memerlukan akun untuk mengunduh?
Akun melindungi layanan dari penyalahgunaan dan hot-linking, menyimpan riwayat paket favicon Anda, dan memberi Anda kunci API pribadi. Ikon yang dihasilkan tidak pernah dipublikasikan atau di-hot-link dari server kami – Anda meng-host-nya sendiri.
Bagaimana cara memasang favicon di situs web saya?
Ekstrak paket ZIP, unggah semua file ke folder root situs web Anda, lalu tempelkan cuplikan HTML ke bagian <head> di setiap halaman. Kode yang sama juga ada di bagian akhir readme-makefav.txt di dalam paket.
Apakah saya masih memerlukan favicon.ico di tahun 2026?
Ya. Banyak alat, crawler, dan browser lama masih meminta /favicon.ico secara otomatis. Kombinasikan dengan ikon PNG dan SVG serta web manifest untuk cakupan terbaik.
Bisakah saya membuat favicon secara otomatis?
Ya. Gunakan REST API MakeFav dengan kunci API pribadi Anda untuk membuat paket favicon lengkap dari pipeline build, CMS, atau aplikasi Anda. Lihat dokumentasi API untuk contoh kode.