Percuma · Tanpa tera air · 52 bahasa

Penjana favicon untuk setiap peranti

Tukarkan mana-mana imej kepada favicon.ico, ikon Apple touch, ikon Android & PWA serta kod HTML yang sedia untuk ditampal. Atau lukis ikon anda sendiri piksel demi piksel.

Pakej favicon anda sudah sedia

Muat naik fail daripada zip dan tampal kod ini ke dalam <head>

Cara mencipta favicon dalam 3 langkah

Daripada mana-mana logo atau imej kepada set favicon lengkap yang mematuhi piawaian dalam masa kurang seminit.

Muat naik imej anda

Letakkan fail PNG, JPG, WebP, AVIF, GIF, SVG atau ICO ke dalam penjana, atau lukis ikon dalam editor piksel.

Laraskan pangkasan dan warna

Seret dan zum imej, tetapkan pelapik, sudut bulat, latar belakang dan warna tema.

Muat turun dan pasang

Muat turun ZIP, muat naik fail ke laman web anda dan tampal kod HTML ke dalam <head>.

Semua yang diperlukan oleh ikon laman web anda

Satu muat naik menghasilkan setiap ikon yang diminta oleh pelayar moden, telefon, tablet dan sistem pengendalian.

Favicon pelayar

favicon.ico berbilang saiz serta ikon PNG 16, 32 dan 96 px untuk Chrome, Firefox, Safari dan Edge.

Ikon Apple touch

Semua saiz skrin utama iPhone dan iPad dari 57 hingga 180 px dengan latar belakang pepejal.

Android & PWA

Ikon sehingga 512 px, ikon maskable dan manifest.json sedia guna untuk aplikasi web yang boleh dipasang.

Jubin Windows

Imej jubin dan browserconfig.xml dengan warna jubin anda.

Editor piksel

Lukis ikon 16×16 yang tajam dari awal atau laraskan setiap piksel muat naik anda.

Kod HTML disertakan

Kod <head> untuk salin-tampal pada halaman muat turun dan dalam readme setiap pakej.

REST API

Automasikan penjanaan favicon dengan kunci API peribadi dan contoh kod siap pakai.

Peribadi & selamat

Tiada hot-link, tiada galeri awam. Ikon anda kekal milik anda – dihoskan pada pelayan anda sendiri.

Saiz favicon dalam pakej

Fail	Saiz	Digunakan oleh
`favicon.ico`	16, 32, 48	Semua pelayar, Windows, perangkak
`favicon-16x16.png`, `favicon-32x32.png`	16, 32	Tab pelayar, penanda halaman
`favicon-96x96.png`	96	Hasil carian Google, pintasan desktop
`apple-icon-*.png`, `apple-touch-icon.png`	57 – 180	Skrin utama iPhone, iPad
`android-icon-.png`, `web-app-manifest-.png`	36 – 512	Skrin utama Android, PWA
`maskable-icon-512x512.png`	512	Ikon adaptif Android
`ms-icon-*.png`	70 – 310	Jubin Mula Windows
`manifest.json`, `site.webmanifest`, `browserconfig.xml`	—	Pemasangan PWA, konfigurasi Windows

Soalan lazim

Apakah itu favicon?

Favicon ialah ikon kecil yang dipaparkan pada tab pelayar, penanda halaman, sejarah dan hasil carian di sebelah nama laman web anda. Laman web moden juga memerlukan versi yang lebih besar untuk skrin utama iPhone dan Android, jubin Windows dan Progressive Web App.

Format imej apakah yang boleh saya muat naik?

Anda boleh memuat naik PNG, JPG, WebP, AVIF, GIF, BMP, SVG atau fail ICO sedia ada. Untuk hasil paling tajam, gunakan imej segi empat sama sekurang-kurangnya 512 × 512 piksel dengan latar belakang lutsinar.

Apakah kandungan pakej favicon?

favicon.ico pelbagai saiz (16, 32 dan 48 px), favicon PNG, semua ikon Apple touch, ikon Android dan PWA termasuk ikon maskable, imej jubin Windows, manifest.json, site.webmanifest, browserconfig.xml dan fail readme dengan langkah pemasangan serta kod HTML sedia untuk ditampal.

Adakah MakeFav percuma?

Ya. Menjana, mengedit dan memuat turun favicon adalah percuma sepenuhnya. Anda hanya memerlukan akaun percuma dengan alamat e-mel yang telah disahkan; akaun percuma termasuk surat berita kami, dihantar paling banyak sekali seminggu.

Mengapa saya memerlukan akaun untuk memuat turun?

Akaun melindungi perkhidmatan daripada penyalahgunaan dan hot-linking, menyimpan sejarah pakej favicon anda dan memberi anda kunci API peribadi. Ikon yang dijana tidak pernah diterbitkan atau di-hot-link daripada pelayan kami – anda menghosnya sendiri.

Bagaimana cara memasang favicon pada laman web saya?

Nyahzip pakej, muat naik semua fail ke folder akar laman web anda dan tampal coretan HTML ke dalam bahagian <head> setiap halaman. Kod yang sama juga terdapat di hujung readme-makefav.txt dalam pakej.

Adakah saya masih memerlukan favicon.ico pada 2026?

Ya. Banyak alat, perangkak dan pelayar lama masih meminta /favicon.ico secara automatik. Gabungkannya dengan ikon PNG dan SVG serta web manifest untuk liputan terbaik.

Bolehkah saya menjana favicon secara automatik?

Ya. Gunakan REST API MakeFav dengan kunci API peribadi anda untuk menjana pakej favicon lengkap daripada saluran binaan, CMS atau aplikasi anda. Lihat dokumentasi API untuk contoh kod.

Cipta favicon anda sekarang