Favicon Generator — favicon.ico, Set ng App Icon

Gumagawa ng icon sa lahat ng laki para sa browser tab, mobile home screen, at search result, at i-download bilang isang ZIP.

Hindi ipinapadala sa server ang file — pinoproseso lang sa loob ng browser ng device na ito

Teksto o Emoji (1–2 karakter) Kulay ng Teksto

Kapal

Hugis

Fill Background Kulay ng Background

Margin sa Loob 12%

Impormasyon ng App (site.webmanifest)

Pangalan ng Site Maikling Pangalan (sa ilalim ng home screen icon, hanggang 12 karakter) Kulay ng Tema (kulay ng mobile address bar)

Ang Site Ko

Bagong Tab

180 · iPhone

192 · Android

512

HTML na ipapaste sa loob ng <head>

<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#3182f6">

Batay ito sa pag-upload ng mga file sa loob ng ZIP sa root (/) path ng site. Ang parehong code ay nasa head.html din.

Paano Gamitin ang Gumawa ng Favicon

1Mag-upload ng larawan o pumili ng teksto/emoji at kulay.
2Tingnan ang hitsura sa bawat laki gamit ang preview.
3Pindutin ang [Kunin ang ZIP], at i-paste ang ibinigay na HTML code sa <head>.

Mga Madalas Itanong

Anong klaseng larawan ang pinakamainam?

Pinakamainam ang square na PNG o SVG na 512×512 pataas. Mas malinaw makita ang simpleng hugis sa maliliit na laki.

Hindi ba sapat na ang isang favicon.ico?

Sapat na ito para sa mga lumang browser, pero kakailanganin ng hiwalay na PNG para sa iPhone home screen (180px) at Android (192, 512px).