Para magamit nang komportable ang kasangkapang ito, buksan ito sa laptop, desktop computer, o tablet sa landscape mode.
Tip
Kung gumagamit ng tablet, ilipat sa landscape mode — kapag sapat na ang lapad ng window, awtomatikong maglo-load ang kasangkapan.
I-generate ang favicon.ico at kumpletong set ng PNG icon para sa website mula sa isang larawan. Lahat ng pagproseso ay nangyayari nang lokal sa browser.
favicon.ico
favicon-16x16.png
favicon-32x32.png
apple-touch-icon.png
android-chrome-192x192.png
android-chrome-512x512.png
Ang favicon ay isang maliit na icon na lumalabas sa tab ng browser sa tabi ng titulo ng pahina. Makikita rin ito sa mga bookmark, kasaysayan ng pag-browse, at sa home screen ng telepono kapag may nagdagdag ng site bilang shortcut.
Ang maliit na graphic na ito ay may mahalagang function – tinutulungan nito ang mga gumagamit na mabilis na makilala ang site sa maraming bukas na tab. Kapag may isang dosenang tab na bukas sa browser, ang favicon ay kadalasang tanging nakikitang elemento na nagpapakilala sa site.
Gumagawa ang generator ng kumpletong set ng icon: klasikong favicon.ico file para sa mga browser, PNG icon sa iba't ibang sukat, at apple-touch-icon para sa mga Apple device. Kung nagtatayo ka ng web app (PWA), maaari mo ring i-generate ang 192x192 at 512x512 icon kasama ang manifest file.
Ang pag-generate ng favicon ay tumatagal lang ng ilang segundo:
Bawat sukat ay may gamit:
favicon.ico (32×32)
Klasikong format na kinikilala ng lahat ng browser. Ipinapakita sa tab ng browser.
16×16 at 32×32 PNG
Karaniwang sukat para sa mga modernong browser. Ipinapakita sa mga tab at bookmark.
180×180 PNG (apple-touch-icon)
Icon para sa mga Apple device (iPhone, iPad). Ipinapakita kapag may nagdagdag ng site sa home screen.
192×192 at 512×512 PNG
Mga icon para sa web app (PWA). Kinakailangan ng manifest at ginagamit sa mga app store.
Kung hindi ka nagtatayo ng PWA, kailangan lang: favicon.ico, 32×32 PNG, at 180×180 PNG. Ang tatlong file na ito ang sumasaklaw sa karamihan ng gamit.
Ang pag-generate ng favicon ay ilang simpleng hakbang:
Mga sukat ng PNG
Bilang default, pinapanatili ng generator ang transparency. Maaari ring pumili ng partikular na kulay ng background.
Isang JSON file para sa mga web app (PWA). Kung hindi ka nagtatayo ng PWA, hindi kailangan ang opsyon na ito.
Pagkatapos i-generate ang mga icon, maraming opsyon sa pag-download:
Karamihan ng WordPress theme ay may built-in na opsyon para sa pagtatakda ng site icon. Makikita ito sa admin panel:
Appearance → Customize → Site Identity → Site Icon
I-upload doon ang 512×512 file – awtomatikong ige-generate ng WordPress ang mas maliliit na sukat. Para sa buong kontrol sa mga icon, maaari ring i-upload ang mga file nang direkta sa root directory gamit ang FTP.
Ang favicon ay napakaliling graphic – kasing liit ng 16×16 pixel. Hindi lahat ng larawan ay gumagana nang maayos bilang source: