Apple Touch Icon Generator
Gumawa ng 180×180 na apple-touch-icon na ginagamit ng iOS para sa mga home-screen bookmark — kasama ang buong favicon set — nang lokal 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.
Ang icon na inilalagay ng iOS sa home screen
Kapag idinagdag ng isang tao ang iyong site sa home screen ng kanilang iPhone o iPad, naghahanap ang iOS ng 180×180 na apple-touch-icon; kung wala nito, babalik ito sa isang malabong screenshot. Nire-render ng generator na ito ang eksaktong laking iyon mula sa iyong larawan — na may solidong background, dahil hindi dapat transparent ang mga apple-touch-icon — at isinasama ito sa download kasama ang favicon.ico at ang mga Android icon.
Isang export, bawat platform
Sa halip na manu-manong mag-crop ng hiwalay na file bawat device, buuin ang buong set nang sabay-sabay: apple-touch-icon para sa iOS, 192 at 512px na PNG para sa Android at PWA, at favicon.ico para sa mga desktop browser, na may HTML snippet para tukuyin ang mga ito. Tumatakbo lahat ito sa iyong browser, kaya ang iyong brand art ay hindi kailanman umaalis sa iyong device.
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.