SVG to Favicon
Gawing kumpletong favicon set ang isang SVG na logo — favicon.ico, apple-touch-icon, at mga web app icon — na malinaw na nirara-rasterize 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.
Vector papasok, bawat raster na laki palabas
Ang SVG ang pinakamainam na source ng favicon: hindi ito nakadepende sa resolution, kaya ang bawat laki ng icon ay maaaring i-rasterize mula sa orihinal na geometry sa halip na i-resample mula sa maliit na bitmap. Ilagay ang iyong SVG at ang bawat output — 16, 32, 48, 180, 192, at 512 pixel — ay iginuguhit mula sa vector sa katutubong laki nito, na nagpapanatiling matalas ang mga gilid sa halip na malabo. Iyon ang pagkakaiba ng icon na mukhang sinadya sa isang tab at ng isang mukhang mantsa.
Bakit kailangan mo pa rin ang .ico
Malugod na gagamitin ng mga modernong browser ang isang SVG na favicon nang direkta, ngunit ang mga mas luma at maraming tooling — mga feed reader, chat unfurler, desktop shortcut — ay naghahanap pa rin ng favicon.ico. Ang pagbuo ng dalawa mula sa iisang SVG ang sumasaklaw sa lahat. Magdagdag ng padding, pumili ng square, bilog na sulok, o pabilog na mask at ng background, tapos i-download ang buong set kasama ang handa-nang-i-paste na HTML snippet.
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.