Favicon Generator

Bumuo ng kumpletong favicon set mula sa isang larawan — favicon.ico, apple-touch-icon, Android/PWA icon, at ang HTML snippet — ganap sa iyong browser. Walang ina-upload.

Privacy muna: bawat larawan ay pinoproseso nang lokal sa iyong browser. Walang ina-upload, iniimbak, o ipinapadala sa anumang server.

Bawat icon na kailangan ng modernong site, nang sabay-sabay

Hindi na iisang file ang favicon. Binabasa ng mga browser ang maliit na favicon.ico para sa mga tab at address bar, gusto ng iOS ng 180×180 na apple-touch-icon para sa home screen, at kumukuha ang Android at mga installable na web app ng 192 at 512px na PNG mula sa isang web manifest. Binubuo ng generator na ito ang lahat ng ito mula sa isang source na larawan at binibigyan ka ng handa-nang-i-paste na HTML snippet, kaya hindi ka na mag-e-export ng anim na laki nang manu-mano.

Naka-frame ayon sa gusto mo, nananatiling pribado

Panatilihing square ang icon, bilugin ang mga sulok, o i-crop ito sa bilog; magdagdag ng padding para hindi masiksik sa gilid ang isang logo; at pumili ng transparent o solidong background. Ipinapakita ng live preview ang resulta sa tunay na laki ng favicon, kasama ang isang mock na browser tab. Dahil ang bawat file ay nabubuo sa iyong device, ang iyong logo — kadalasang hindi pa inilalabas na branding — ay hindi kailanman ipinapadala sa isang server.

Mga madalas itanong

Ina-upload ba ang aking larawan para gawin ang favicon?
Hindi. Ang favicon.ico, mga PNG icon, at ang manifest ay nabubuong lahat nang lokal sa iyong browser gamit ang Canvas API. Ang iyong larawan ay hindi kailanman umaalis sa iyong device.
Anong mga laki at file ang makukuha ko?
Isang multi-resolution na favicon.ico (16, 32, at 48px), mga PNG icon sa 16, 32, 48, 180 (apple-touch-icon), 192, at 512px, isang site.webmanifest, at isang HTML snippet na ipe-paste sa iyong <head>.
Maaari ba akong mag-convert ng PNG o SVG papuntang ICO?
Oo. Mag-drop ng PNG, JPG, SVG, o WebP at mag-download ng tunay na favicon.ico. Ang mga SVG na logo ay muna nang nira-rasterize nang lokal sa mataas na resolution.
Anong larawan ang pinakamainam?
Isang square na larawan na may simple at mataas ang contrast na logo. Ang mga hindi square na larawan ay kino-crop mula sa gitna para kumasya; gamitin ang padding at shape control para i-frame ito ayon sa gusto mo.
Paano ko ii-install ang favicon?
I-unzip ang package sa root folder ng iyong site at i-paste ang ibinigay na HTML snippet sa <head> ng iyong mga pahina. Ang favicon.ico ay awtomatikong nakikita ng karamihan sa mga browser.