Bumuo ng mga favicon file sa maraming laki (16x16 hanggang 512x512) mula sa anumang larawan. Libre, instant, at ganap na tumatakbo sa iyong browser.
Sinusuportahan ang PNG, JPG, SVG, WebP. Max na 10MB.
Ang favicon ay ang maliit na icon na lumilitaw sa mga tab ng browser, mga bookmark, at mga listahan ng kasaysayan. Ang orihinal na favicon — isang 16×16 ICO file sa /favicon.ico — ay lumawak sa isang kumplikadong hanay ng mga icon sa iba't ibang laki para sa iba't ibang platform: 16×16 at 32×32 para sa mga tab ng browser, 180×180 para sa mga home screen ng iOS, 192×192 at 512×512 para sa Android, at mga tile. Ang paggawa ng lahat ng ito mula sa iisang pinagmulang larawan ay ang ginagawa ng modernong favicon generator.
Ang tool na ito ay kumukuha ng isang mataas na resolution na pinagmulang larawan (karaniwang isang parisukat na logo) at bumubuo ng buong hanay ng mga favicon asset kasama ang mga HTML na tag ng link na kailangan upang i-reference ang mga ito. Kasama sa output ang ICO, maraming PNG, at isang manifest.json para sa progresibong metadata ng web app. I-drop ang mga resultang file sa ugat ng iyong site at i-reference ang mga ito sa pamamagitan ng nabuong HTML.
Ang lahat ng pagproseso ay nangyayari sa iyong browser. Walang upload, walang API call, walang limitasyon sa rate. Gumagana ang output sa bawat modernong browser at operating system na nagpapakita ng mga favicon.
Ang mga site na walang favicon ay mukhang hindi natapos. Ang mga tab ng browser ay nagpapakita ng isang generic na icon; ang mga bookmark ay walang visual identifier; mukhang hindi gaanong propesyonal ang site. Ang pagdaragdag ng tamang hanay ng favicon ay isang low-effort na high-impact na polish na hakbang na nagpapahiwatig ng atensyon sa detalye.
Ang mga modernong kinakailangan sa favicon ay lumago nang higit pa sa /favicon.ico. Ang mga icon ng home screen ng iOS, mga icon ng Android Chrome, mga icon ng tile ng Windows, at mga variant ng dark mode ay lahat ay gumagamit ng magkakaibang mga file. Ang pagbuo ng lahat ng ito mula sa isang pinagmulan ay nagsisiguro ng pare-parehong pagba-brand nang hindi pinamamahalaan ang bawat file sa pamamagitan ng kamay.
Mag-upload ng pinagmulang larawan, kunin ang buong hanay ng favicon.
Ang buong modernong favicon set: favicon.ico (16+32+48 multi-resolution), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-212.png, android-chrome-512 mstil-150x150.png. Plus site.webmanifest para sa PWA, browserconfig.xml para sa Windows.
Ang bawat PNG ay nabuo sa pamamagitan ng canvas-based na downsampling mula sa pinagmulan. Ang ICO ay binuo sa JavaScript sa pamamagitan ng pagsasama-sama ng 16/32/48 na bersyon sa multi-resolution na ICO na format gamit ang DataView writes.
Tinutukoy ng mga tag ng HTML na link ang bawat file na may naaangkop na mga katangian ng rel at laki. Ginagawa ito ng generator bilang isang copy-paste-ready na snippet para sa <head> ng iyong site.