Kā no sava logotipa izveidot favicon?

Ievelciet PNG, JPEG, WebP vai SVG failu, iestatiet opcijas, piemēram, Shape, Padding un App name, tad noklikšķiniet uz Generate favicon package (.zip). Nokopējiet HTML fragmentu, kas redzams sadaļā Paste into your head.

Kādi faili ir favicon ZIP arhīvā?

favicon-package.zip satur favicon.ico, PNG ikonas (16, 32, 180, 192 un 512 pikseļu), site.webmanifest ar jūsu lietotnes nosaukumu un favicon-snippet.html ar link tagiem.

Kāda izmēra un formāta attēls man jāaugšupielādē?

Tiek pieņemti PNG, JPEG, WebP un SVG, pa vienam failam. Asākajam rezultātam izmantojiet kvadrātveida attēlu vismaz 512x512; vislabāk darbojas caurspīdīgs PNG vai SVG.

Kā iegūt apaļu vai noapaļotu favicon?

Pēc augšupielādes sadaļā Shape izvēlieties Square, Rounded vai Circle. Varat arī pielāgot Padding no 0 līdz 25 procentiem un priekšskatīt rezultātu Browser tab preview.

Vai mans attēls tiek augšupielādēts un kāpēc ģenerēšana neizdodas?

Ikonas tiek zīmētas ar pārlūkprogrammas Canvas un arhivētas ar JSZip jūsu ierīcē. Ja redzat Could not load this image, fails var būt bojāts; izmēģiniet citu attēlu vai pārlūkprogrammu.

Vai tas tiešām ir bezmaksas?

Jā. Katrs rīks ir bezmaksas, bez konta un kredītkartes. Darbs notiek jūsu ierīcē, nevis mūsu serveros, tāpēc tas ir bezmaksas.

Vai mani faili tiek augšupielādēti?

Nē. Faili tiek atvērti un apstrādāti jūsu pārlūkā un netiek sūtīti uz LibraTool. Daži rīki vispirms lejupielādē pārlūkā apstrādes dzinēju vai MI modeli; šajā lejupielādē nav jūsu datu.

Vai tas darbojas mobilajā ierīcē?

Jā. Tas darbojas mūsdienu mobilajos pārlūkos iOS un Android ierīcēs, nekas nav jāinstalē. Ļoti lieli faili tālrunī var darboties lēni vai pietrūkt atmiņas, tāpēc tiem izmantojiet datoru.

🌟

Favicon ģenerētājs bez maksas

Pārveido jebkuru attēlu pilnīgā favicon pakotnē: daudzizmēra favicon.ico, Apple pieskaršanās ikona, Android/PWA ikonas, tīmekļa manifests un gatavs ielīmēšanai HTML fragments — viss saspiests, pārlūkprogrammā.

Faila lielums atkarīgs no ierīcesFaili paliek privātiNav nepieciešama pieteikšanāsBezmaksas uz visiem laikiem

Nometiet failu šeit vai noklikšķiniet, lai izvēlētos

PNG, JPG, WebP, SVG, HEIC, HEIF · apstrādāts jūsu ierīcē

vai nospiediet Ctrl+V, lai ielīmētu no starpliktuves

Pārlūkot failus

Jūsu faili nekad neatstāj jūsu ierīci. Visa apstrāde notiek lokāli jūsu pārlūkprogrammā.

💡 Labākajam rezultātam augšupielādējiet kvadrātveida attēlu vismaz 512×512. Caurspīdīgs PNG vai SVG darbojas vislabāk.

Biežākie lietojumi

Izveidot Tīmekļa Vietas FaviconĢenerēt pilnu favicon komplektu, ko sagaida katrs pārlūks un ierīce.
Ģenerēt PWA un Manifesta IkonasIegūt 192px un 512px ikonas un tīmekļa manifesta, kas nepieciešams PWA.
Izveidot Apple Touch IkonuĢenerēt 180×180 pikseļu ikonu, ko izmanto iOS, kad tīmekļa vieta tiek saglabāta sākuma ekrānā.
Konvertēt Logo uz FaviconKonvertēt sava zīmola logotipu uz tīru, atpazīstamu favicon.
Ģenerēt Favicon Jebkuram IetvaramIegūt favicon failus, kas parati lietosanai ar React, Next.js, WordPress un citu.

Kā tas darbojas

Šis rīks konvertē jebkuru PNG, JPEG, WebP vai SVG pilnā favikonas pakotnē — vairāku izmēru .ico, Apple touch ikonu, Android/PWA ikonas, web manifestu un gatavu ielīmēšanai HTML fragmentu — pilnībā jūsu pārlūkprogrammā, izmantojot Canvas API un JSZip. Nekas netiek augšupielādēts; visa renderēšana un failu salikšana notiek lokāli.

1
Canvas pārmērogo jūsu attēlu
Pārlūkprogramma zīmē jūsu avota attēlu uz ekrāna neredzamiem HTML Canvas elementiem katram nepieciešamajam izmēram (16, 32, 48, 180, 192 un 512 px). SVG bez skaidriem width/height atribūtiem vispirms tiek normalizēti caur DOMParser un XMLSerializer, lai Firefox un Chrome radītu identisku pikseļu izvadi, nevis tukšu audeklu.
2
Pašrakstīts ICO kodētājs saliek .ico failu
Mazie ICO ieraksti (16, 32, 48 px) tiek kodēti kā neapstrādāti 32 bitu BGRA DIB bitkartes — BITMAPINFOHEADER plus no apakšas uz augšu XOR rindas un 1bpp AND maska — jo Windows apvalka komponentiem šajos izmēros nepieciešams nesaspiests DIB formāts. Rīks raksta ICO direktorijas galveni un savieno ierakstus tikai ar DataView un Uint8Array, bez ārējas ICO bibliotēkas.
3
PNG izvades tiek radītas caur canvas.toBlob
Katrs PNG variants (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) tiek uztverts, izsaucot canvas.toBlob ar 'image/png', deleģējot bezzudumu kodēšanu pārlūkprogrammas iebūvētajam attēlu dzinējam. Neobligāta atkāpe, fona krāsa un formas apgriešana (kvadrāts, noapaļots vai aplis) tiek pielietota audekla kontekstam pirms uztveršanas.
4
JSZip apvieno visu vienā lejupielādē
JSZip saliek visus ģenerētos failus — favicon.ico, piecus PNG, site.webmanifest ar jūsu lietotnes nosaukumu un favicon-snippet.html ar pareizajām <link> birkām — vienā .zip blob, kas automātiski lejupielādējas jūsu ierīcē.

Jūsu attēls tiek ielādēts tieši pārlūkprogrammas Canvas API un nekad neatstāj jūsu ierīci — neviena brīdī nekādi faila dati netiek pārraidīti uz nevienu serveri.

Saistītie rīki

🖼️

PNG uz ICO favicon konvertētājs

Konvertē PNG, JPG, WebP vai SVG attēlus daudzizmēra .ico favicon failos. Izvēlieties apvienojamos izmērus (16, 32, 48, 64, 128, 256) un lejupielādējiet vienu .ico.

IzmēģinātFaili paliek lokāli

🎞️