Pređi na glavni sadržaj
LibraTool logoLibraTool

Generator favicon ikonica — besplatno

Pretvorite bilo koju sliku u kompletan favicon paket: favicon.ico sa više veličina, Apple touch ikonu, Android/PWA ikonice, web manifest i HTML isečak spreman za lepljenje — sve zapakovano, u vašem pregledaču.

Prevucite datoteku ovde ili kliknite da izaberete

PNG, JPG, WebP, SVG, HEIC, HEIF · obrađeno na vašem uređaju

ili pritisnite Ctrl+V da nalepite iz privremene memorije

Pretraži fajlove

Vaši fajlovi nikada ne napuštaju vaš uređaj. Sva obrada se odvija lokalno u vašem pregledaču.

💡 Za najoštriji rezultat, otpremite kvadratnu sliku od najmanje 512×512. Najbolje radi transparentni PNG ili SVG.

Uobičajene upotrebe

  • Kreirajte Favicon za Veb SajtGenerirajte kompletan skup favicon-a koji očekuje svaki pretraživač i uređaj.
  • Generirajte PWA i Manifest IkoneDobijte ikone od 192px i 512px i web manifest koji PWA treba.
  • Kreirajte Apple Touch IkonuGenerirajte ikonu od 180×180 piksela koju koristi iOS kada je sajt sačuvan na početnom ekranu.
  • Pretvorite Logo u FaviconPretvorite svoj brend logo u čist, prepoznatljiv favicon.
  • Generirajte Favicon-e za Bilo koji OkvirDobijte gotove favicon datoteke za React, Next.js, WordPress i još mnogo toga.

Kako funkcioniše

Ova alatka konvertuje bilo koji PNG, JPEG, WebP, ili SVG u kompletan paket favikona — .ico sa više veličina, Apple touch ikonu, Android/PWA ikone, veb manifest, i spreman-za-lepljenje HTML isečak — u potpunosti unutar vašeg pregledača koristeći Canvas API i JSZip. Ništa se ne otprema; svo iscrtavanje i sastavljanje fajlova se dešava lokalno.

  1. 1
    Canvas menja razmeru vaše slike
    Pregledač crta vašu izvornu sliku na van-ekranske HTML Canvas elemente na svakoj potrebnoj veličini (16, 32, 48, 180, 192, i 512 px). SVG-ovi bez eksplicitnih atributa width/height se prvo normalizuju preko DOMParser i XMLSerializer tako da Firefox i Chrome proizvode identičan izlaz piksela umesto praznog platna.
  2. 2
    Ručno napisan ICO enkoder pakuje .ico fajl
    Male ICO stavke (16, 32, 48 px) se kodiraju kao sirove 32-bitne BGRA DIB bitmape — BITMAPINFOHEADER plus XOR redovi od dna nagore i 1bpp AND maska — jer komponente Windows ljuske zahtevaju nekomprimovan DIB format na tim veličinama. Alatka piše zaglavlje ICO direktorijuma i spaja stavke u potpunosti pomoću DataView i Uint8Array, bez uključene spoljne ICO biblioteke.
  3. 3
    PNG izlazi se proizvode preko canvas.toBlob
    Svaka PNG varijanta (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) se hvata pozivanjem canvas.toBlob sa 'image/png', prepuštajući kodiranje bez gubitaka ugrađenom mehanizmu slika pregledača. Opciona popuna, boja pozadine, i isecanje oblika (kvadrat, zaobljeno, ili krug) se primenjuju na kontekst platna pre hvatanja.
  4. 4
    JSZip pakuje sve u jedno preuzimanje
    JSZip sastavlja sve generisane fajlove — favicon.ico, pet PNG-ova, site.webmanifest sa nazivom vaše aplikacije, i favicon-snippet.html sa ispravnim <link> oznakama — u jedan .zip blob koji se automatski preuzima na vaš uređaj.

Vaša slika se učitava direktno u Canvas API pregledača i nikada ne napušta vaš uređaj — nijedan podatak fajla se ne prenosi nijednom serveru.

Slične alatke

Česta pitanja