Libreng 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.
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
Tip: puwede kang mag-paste ng screenshot gamit ang Ctrl+V
Ang iyong mga file ay hindi kailanman lumalabas sa iyong device. Lahat ng pagproseso ay nangyayari nang lokal sa iyong browser.
Mga karaniwang gamit
- Lumikha ng Website Favicon mula sa PNGI-convert ang logo PNG sa multi-size favicon.ico file para sa website tab icon.
- Lumikha ng Windows Desktop IconI-convert ang PNG o JPG image sa .ico file para sa Windows desktop shortcut at application icon.
- Multi-Size Cross-Platform IconI-bundle ang maraming icon size (16, 32, 48, 64, 128, 256) sa isang .ico file na gumagana sa lahat.
- PWA Icon Source FileLumikha ng base .ico mula sa PWA logo para sa fallback support sa mas lumang browser na hindi gumagamit ng manifest.
- I-convert ang Brand Logo sa ICO FormatI-transform ang kumpanya o brand logo mula PNG, JPG, o SVG sa high-quality .ico file para sa digital touchpoint.
Paano ito Gumagana
Buong tumatakbo sa iyong browser ang conversion gamit ang dalawang mekanismong direktang isinulat sa tool na ito: ang Canvas API para i-scale at i-render ang bawat icon frame, at isang hand-written na ICO binary encoder na ini-empake ang mga frame na iyon sa iisang .ico file β walang library na dina-download, at walang file na umaalis sa device mo.
- 1Dine-decode ang larawan sa isang canvasNilo-load ang na-upload mong PNG, JPEG, WebP, o SVG sa isang HTMLImageElement at iginuguhit sa isang off-screen na canvas sa bawat hiniling na laki (16Γ16 hanggang 256Γ256). Gumagamit ang canvas ng de-kalidad na bicubic smoothing at sinusunod ang napili mong fit: nilalagyan ng 'contain' ng transparent o may kulay na padding ang larawan, habang kumukuha ang 'cover' ng nakagitnang square mula sa source.
- 2Ine-export ang bawat frame bilang PNG byteIne-encode ng built-in na canvas.toBlob('image/png') ng browser ang bawat na-scale na frame sa lossless na PNG. Ang mga raw na byte na ito ang ine-embed sa loob ng .ico container β native na hinahawakan ng mga modernong browser at Windows ang PNG-in-ICO, kaya mas maliit ang file kaysa sa lumang BMP-based na format.
- 3Binubuo sa memory ang ICO binaryBinubuo ng isang hand-written na encoder ang istruktura ng .ico file mula sa simula gamit ang DataView: isang 6-byte na ICONDIR header na nagdedeklara ng bilang ng larawan, sinusundan ng 16-byte na directory entry para sa bawat laki (itinatala ang lapad, taas, bit-depth, haba sa byte, at data offset), pagkatapos ay ang lahat ng PNG payload na magkakasunod na pinagdugtong. Walang third-party library.
- 4Ipinapakita ang preview, dina-download ang fileBago ialok ang download, nagre-render ang UI ng pixel-accurate na preview ng bawat naka-empakeng laki laban sa checkerboard na background para matiyak mo ang transparency bago mag-save. Ibinibigay ang nabuong Blob sa download mechanism ng browser bilang 'favicon.ico'.
Buong pinoproseso sa loob ng iyong browser ang larawan mo β hindi ito kailanman ina-upload sa anumang server, at walang kopyang itinatago pagkatapos mong isara ang tab.
Mga Kaugnay na Tool
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.
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.
Tagapiga ng Larawan
I-compress ang mga JPG, PNG, WebP, at AVIF na larawan. Tingnan ang paghahambing bago/pagkatapos.