PWA Icon Generator
Bumuo ng mga icon na kailangan ng isang installable na web app — 192 at 512px na PNG kasama ang site.webmanifest — mula sa isang larawan, ganap sa iyong browser.
Privacy muna: bawat larawan ay pinoproseso nang lokal sa iyong browser. Walang ina-upload, iniimbak, o ipinapadala sa anumang server.
Ang mga icon na nagpapa-installable sa isang app
Ang isang progressive web app ay hinuhusgahang installable bahagyang batay sa mga icon nito: naghahanap ang mga browser ng web manifest na nagdedeklara ng hindi bababa sa isang 192×192 at isang 512×512 na PNG bago sila mag-alok ng install prompt o maglagay ng disenteng icon sa home screen. Nire-render ng generator na ito ang dalawa mula sa iyong source na larawan at sumusulat ng site.webmanifest na tumutukoy sa mga ito, kasama ang apple-touch-icon na gusto ng iOS at isang favicon.ico para sa karaniwang mga tab.
Hubugin ito para sa launcher
Maaaring i-mask ng mga Android launcher ang isang icon sa bilog o bilog na square, kaya ang art na umaabot sa gilid ay maaaring maputol. Magdagdag ng padding at solidong background dito at mananatili sa loob ng safe area ang mahalagang bahagi anuman ang mask na ilapat; ipinapakita ng live preview ang resulta sa bawat laki. Lahat ay nire-render sa iyong device gamit ang Canvas API — ang iyong logo ay hindi kailanman ina-upload — at ang buong set ay dini-download bilang zip.
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.