Paano ako gagawa ng favicon mula sa logo ko?

I-drop ang PNG, JPEG, WebP o SVG file, itakda ang mga opsyon tulad ng Shape, Padding at App name, pagkatapos ay i-click ang Gumawa ng favicon package (.zip). Kopyahin ang HTML snippet na ipinapakita sa ilalim ng I-paste sa head mo.

Anong mga file ang nasa favicon ZIP?

Ang favicon-package.zip ay naglalaman ng favicon.ico, mga PNG icon (16, 32, 180, 192 at 512 pixel), site.webmanifest na may app name mo, at favicon-snippet.html na may mga link tag.

Anong laki at format ng larawan ang dapat kong i-upload?

Tinatanggap ang PNG, JPEG, WebP at SVG, isang file sa bawat pagkakataon. Para sa pinakamalinaw na resulta, gumamit ng square na larawang hindi bababa sa 512x512; pinakamainam ang transparent na PNG o SVG.

Paano ako makakakuha ng bilog o bilugang favicon?

Pagkatapos mag-upload, piliin ang Square, Rounded o Circle sa ilalim ng Shape. Maaari mo ring ayusin ang Padding mula 0 hanggang 25 porsyento at i-preview ang resulta sa Browser tab preview.

Ina-upload ba ang larawan ko, at bakit pumapalya ang paggawa?

Ang mga icon ay iginuguhit gamit ang Canvas ng browser at ini-zip gamit ang JSZip sa device mo. Kung makita mo ang Hindi ma-load ang larawang ito, maaaring sira ang file; sumubok ng ibang larawan o browser.

Oo. Libre ang bawat tool, walang account at walang credit card. Ang trabaho ay tumatakbo sa iyong device sa halip na sa aming mga server, kaya ito nananatiling libre.

Ina-upload ba ang mga file ko?

Hindi. Binubuksan at pinoproseso ang mga file mo sa loob ng iyong browser at hindi ipinapadala sa LibraTool. Nagda-download muna ang ilang tool ng processing engine o AI model sa iyong browser; walang data mo sa download na iyon.

Gumagana ba ito sa mobile?

Oo. Gumagana ito sa mga kasalukuyang mobile browser sa iOS at Android, nang walang ini-install. Ang napakalalaking file ay maaaring bumagal o maubusan ng memory sa telepono, kaya gumamit ng computer para sa mga iyon.

🌟

Libreng Gumagawa ng Favicon

Gawing kumpleto na favicon package ang anumang larawan: isang multi-size favicon.ico, Apple touch icon, Android/PWA icon, web manifest, at ang handa nang i-paste na HTML snippet — lahat naka-zip, sa iyong browser.

Ang laki ng file ay depende sa iyong deviceNananatiling pribado ang mga fileHindi kailangan ng loginLibre magpakailanman

I-drop ang file dito, o mag-click para mag-browse

PNG, JPG, WebP, SVG, HEIC, HEIF · pinoproseso sa iyong device

o pindutin ang Ctrl+V para i-paste mula sa clipboard

I-browse ang mga file

Ang iyong mga file ay hindi kailanman lumalabas sa iyong device. Lahat ng pagproseso ay nangyayari nang lokal sa iyong browser.

💡 Para sa pinakamatalas na resulta, mag-upload ng square na larawan na hindi bababa sa 512×512. Pinakamainam ang transparent PNG o SVG.

Mga karaniwang gamit

Lumikha ng Website FaviconLumikha ng kumpletong set ng favicon na inaasahan ng bawat browser at device.
Lumikha ng PWA at Manifest IconsKunin ang mga ikonong 192px at 512px at ang web manifest na kailangan ng PWA.
Lumikha ng Apple Touch IconLumikha ng ikonong 180×180 na ginagamit ng iOS kapag naipon ang site sa home screen.
Gawing Favicon ang LogoI-convert ang iyong brand logo sa isang linaw at kilalang favicon.
Lumikha ng Favicons para sa Anumang FrameworkKunin ang drop-in favicon files para sa React, Next.js, WordPress, at marami pa.

Paano ito Gumagana

Kino-convert ng tool na ito ang anumang PNG, JPEG, WebP, o SVG sa kumpletong favicon package — multi-size na .ico, Apple touch icon, Android/PWA icon, web manifest, at HTML snippet na handang i-paste — nang buo sa loob ng iyong browser gamit ang Canvas API at JSZip. Walang ina-upload; nangyayari nang lokal ang lahat ng rendering at pagbuo ng file.

1
Nire-rescale ng Canvas ang larawan mo
Iginuguhit ng browser ang source image mo sa mga off-screen na HTML Canvas element sa bawat kailangang laki (16, 32, 48, 180, 192, at 512 px). Ang mga SVG na walang tahasang width/height attribute ay nino-normalize muna gamit ang DOMParser at XMLSerializer para magkapareho ang pixel output ng Firefox at Chrome sa halip na blangkong canvas.
2
Ini-empake ng hand-written na ICO encoder ang .ico file
Ine-encode ang maliliit na ICO entry (16, 32, 48 px) bilang raw na 32-bit BGRA DIB bitmap — ang BITMAPINFOHEADER kasama ang bottom-up na XOR row at 1bpp na AND mask — dahil nangangailangan ang mga Windows shell component ng uncompressed na DIB format sa mga laking iyon. Isinusulat ng tool ang ICO directory header at pinagdudugtong ang mga entry gamit lang ang DataView at Uint8Array, nang walang panlabas na ICO library.
3
Ginagawa ang mga PNG output gamit ang canvas.toBlob
Kinukuha ang bawat PNG variant (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) sa pagtawag sa canvas.toBlob gamit ang 'image/png', at ipinapaubaya ang lossless na encoding sa built-in na image engine ng browser. Ina-apply sa canvas context bago kunin ang opsyonal na padding, kulay ng background, at pag-clip ng hugis (square, rounded, o bilog).
4
Pinagsasama ng JSZip ang lahat sa iisang download
Binubuo ng JSZip ang lahat ng nagawang file — favicon.ico, ang limang PNG, isang site.webmanifest na may pangalan ng app mo, at isang favicon-snippet.html na may tamang <link> tag — sa iisang .zip blob na awtomatikong nada-download sa device mo.

Direktang nilo-load sa Canvas API ng browser ang larawan mo at hindi kailanman umaalis sa device mo — walang file data na ipinapadala sa anumang server kahit kailan.

Mga Kaugnay na Tool

🖼️

PNG sa ICO Favicon Converter

I-convert ang PNG, JPG, WebP, o SVG na larawan sa multi-size na .ico favicon file. Piliin ang mga laki na gusto mong i-bundle (16, 32, 48, 64, 128, 256) at mag-download ng isang .ico.

SubukanLokal ang mga file

🎞️

Gumagawa ng Animated GIF

Pagsamahin ang maraming larawan sa isang animated GIF. Naaayos na frame delay, output width, looping, at kalidad. Encoded nang buo sa iyong browser.

SubukanLokal ang mga file

Sikat

✍️

Gumagawa ng Pirma

Gumuhit ng pirma gamit ang mouse, daliri, o stylus, o i-type ang pangalan mo sa handwriting font, pagkatapos ay i-export bilang transparent na PNG o SVG.

Subukan