Lumaktaw sa pangunahing nilalaman

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.

Gumagana offline kapag na-load na

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

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.

  1. 1
    Dine-decode ang larawan sa isang canvas
    Nilo-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.
  2. 2
    Ine-export ang bawat frame bilang PNG byte
    Ine-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.
  3. 3
    Binubuo sa memory ang ICO binary
    Binubuo 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.
  4. 4
    Ipinapakita ang preview, dina-download ang file
    Bago 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

Mga Madalas na Itanong