I-convert ang isang larawan papuntang favicon
Gawing buong favicon set ang isang litrato o logo — favicon.ico, apple-touch-icon, at mga web-app na PNG — mismo sa iyong browser, na walang ina-upload.
Privacy muna: bawat larawan ay pinoproseso nang lokal sa iyong browser. Walang ina-upload, iniimbak, o ipinapadala sa anumang server.
Mula sa isang larawan tungo sa buong set
Ilagay ang kahit anong larawan at makuha ang bawat icon na kailangan ng isang site: isang multi-size na favicon.ico para sa mga tab, isang 180px na apple-touch-icon para sa iOS, 192 at 512px na PNG para sa Android at PWA, isang web manifest, at ang HTML para pagdugtungin ang mga ito. Ang mga hindi-square na larawan ay kino-crop mula sa gitna para kumasya, at ang mga kontrol sa hugis, padding, at background ang nagpapa-frame sa resulta.
Pribado ayon sa disenyo
Karaniwang ina-upload muna ng mga favicon site ang iyong art bago magbalik ng kahit ano. Dito ang buong set ay nabubuo sa iyong device gamit ang Canvas API, kaya ang iyong logo ay hindi kailanman ipinapadala, iniimbak, o nilo-log. Instant ito, gumagana offline kapag na-load na, at ang dini-download mo ay eksaktong ginawa ng iyong browser.
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.