Favicon Generator
Gawing favicon.ico at lahat ng laki ng icon na kailangan ng iyong site ang isang PNG, JPG o SVG, na nakaimbak sa isang ZIP.
Nananatiling nakikita ang buong imahe, nakasentro na may padding sa paligid nito.
Ang transparent ay angkop sa mga browser tab; para sa mga icon sa home-screen ng iPhone, mas ligtas ang may kulay na background.
Lalabas po rito ang iyong favicon at icon pack.
Ilagay ang mga file sa root folder ng iyong site, pagkatapos ay idagdag ang mga linyang ito sa bawat pahina.
Ang iyong imahe ay ginagawang mga icon sa loob mismo ng iyong browser. Walang ina-upload sa BroBroGo.
FAQ
Anong mga file ang kasama sa icon pack?
May favicon.ico na naglalaman ng mga bersyong 16, 32, at 48 pixel, mga PNG icon na may 16, 32, 180, 192, at 512 pixel, at isang site.webmanifest na naglilista ng malalaking icon. Kung magsisimula po sa isang SVG, kasama rin ang mismong vector. Isang ZIP ang naglalaman ng lahat.
Anong laki po dapat ang aking source image?
Mainam po ang SVG — ang bawat icon ay iginuguhit mula sa vector, kaya kahit 16 pixel ay nananatiling matalas. Para sa PNG o JPG, magsimula po sa hindi bababa sa 512 × 512; ang mas maliliit na imahe ay pinalalaki at maaaring magmukhang malabo.
Dapat po bang transparent o may kulay ang background?
Maayos naman po tingnan ang mga icon ng tab kapag transparent. Gayunpaman, ginagawang itim ng mga home screen ng iPhone at iPad ang mga transparent na bahagi — kung may posibilidad na idagdag ng mga tao ang iyong site sa kanilang home screen, pumili po ng kulay ng background.
Ano po ang mangyayari sa imahe na hindi parisukat?
Parisukat po ang mga icon, ngunit hindi kailanman uunatin ang iyong imahe. Bilang default, nakasentro ito na may padding sa paligid; lumipat po sa "Punuin (i-crop)" upang gupitin na lamang ang mga lumalampas na gilid.
Saan po inilalagay ang mga file sa aking site?
I-upload po ang mga ito sa root folder ng iyong site, upang ang favicon.ico ay ma-access bilang /favicon.ico, pagkatapos ay i-paste ang mga nabuong linya sa <head> ng iyong mga pahina. Awtomatikong pipiliin ng mga browser ang tamang laki.