Kako iz svojega logotipa naredim favicon?

Spustite datoteko PNG, JPEG, WebP ali SVG, nastavite možnosti, kot so oblika, odmik in ime aplikacije, nato kliknite Ustvari paket favicon (.zip). Kopirajte izrezek HTML, prikazan pod Prilepi v svoj head.

Katere datoteke so v ZIP-u favicon?

favicon-package.zip vsebuje favicon.ico, ikone PNG (16, 32, 180, 192 in 512 pikslov), site.webmanifest z imenom vaše aplikacije in favicon-snippet.html z oznakami link.

Kakšno velikost in obliko slike naj naložim?

Sprejeti so PNG, JPEG, WebP in SVG, po ena datoteka naenkrat. Za najostrejši rezultat uporabite kvadratno sliko z vsaj 512x512; najbolje deluje prosojen PNG ali SVG.

Kako dobim okrogel ali zaobljen favicon?

Po nalaganju pod Oblika izberite Kvadrat, Zaobljeno ali Krog. Odmik lahko nastavite tudi od 0 do 25 odstotkov in rezultat preverite v predogledu zavihka brskalnika.

Ali se moja slika naloži na strežnik in zakaj ustvarjanje ne uspe?

Ikone se narišejo z brskalnikovim Canvasom in zapakirajo z JSZip na vaši napravi. Če vidite Te slike ni bilo mogoče naložiti, je datoteka morda poškodovana; poskusite z drugo sliko ali brskalnikom.

Ali je res brezplačno?

Da. Vsako orodje je brezplačno za uporabo, brez računa in kreditne kartice. Delo poteka na vaši napravi in ne na naših strežnikih, kar omogoča brezplačno delovanje.

Ali se moje datoteke nalagajo?

Ne. Vaše datoteke se odprejo in obdelajo v vašem brskalniku ter se ne pošiljajo v LibraTool. Nekatera orodja najprej v brskalnik prenesejo procesni modul ali model UI; ta prenos ne vsebuje nobenih vaših podatkov.

Ali deluje na mobilniku?

Da. Deluje v sodobnih mobilnih brskalnikih na iOS in Androidu, brez namestitve. Zelo velike datoteke so na telefonu lahko počasne ali pa zmanjka pomnilnika, zanje uporabite računalnik.

🌟

Generator favikona — brezplačno

Pretvorite katero koli sliko v celoten paket favikonov: favicon.ico z več velikostmi, ikono dotika Apple, ikone Android/PWA, spletni manifest in izsečke HTML, pripravljene za lepljenje — vse zapakirano, v vašem brskalniku.

Velikost datoteke je odvisna od vaše napraveDatoteke ostanejo zasebnePrijava ni potrebnaBrezplačno za vedno

Spustite datoteko sem ali kliknite za izbiro

PNG, JPG, WebP, SVG, HEIC, HEIF · obdelano na vaši napravi

ali pritisnite Ctrl+V za lepljenje iz odložišča

Brskanje po datotekah

Vaše datoteke nikoli ne zapustijo vaše naprave. Vsa obdelava poteka lokalno v vašem brskalniku.

💡 Za najboljši rezultat naložite kvadratno sliko vsaj 512×512. Prosojni PNG ali SVG delujeta najbolje.

Pogosta področja uporabe

Ustvarite Favicon Spletnega MestaGenerirajte popoln nabor favicon-ov, ki ga pricakuje vsak brskalnik in naprava.
Generirajte PWA in Manifest IkonePridobite ikone 192px in 512px ter spletni manifest, ki ga potrebuje PWA.
Ustvarite Apple Touch IkonoGenerirajte ikono 180×180 pikslov, ki jo iOS uporablja, ko je spletno mesto shranjeno na domaci zaslon.
Pretvorite Logo v FaviconPretvorite svoj logotip znamke v cist, prepoznaven favicon.
Generirajte Favicon za Kateri Koli OkvirPridobite datoteke favicon, pripravljene za uporabo, za React, Next.js, WordPress in drugo.

Kako deluje

To orodje pretvori kateri koli PNG, JPEG, WebP ali SVG v popoln paket favicon — večvelikostni .ico, ikono Apple touch, ikone Android/PWA, spletni manifest in za lepljenje pripravljen odlomek HTML — v celoti znotraj vašega brskalnika z uporabo Canvas API in JSZip. Nič se ne naloži; vse izrisovanje in sestavljanje datotek poteka lokalno.

1
Canvas znova umeri velikost vaše slike
Brskalnik nariše vašo izvorno sliko na elemente HTML Canvas zunaj zaslona pri vsaki zahtevani velikosti (16, 32, 48, 180, 192 in 512 px). SVG-ji brez eksplicitnih atributov width/height se najprej normalizirajo prek DOMParser in XMLSerializer, tako da Firefox in Chrome ustvarita enak pikselski izpis namesto praznega platna.
2
Ročno napisan kodirnik ICO pakira datoteko .ico
Majhni vnosi ICO (16, 32, 48 px) so kodirani kot surove 32-bitne bitne slike DIB BGRA — BITMAPINFOHEADER plus vrstice XOR od spodaj navzgor in 1-bitna maska AND — ker komponente lupine Windows pri teh velikostih zahtevajo nestisnjeno obliko DIB. Orodje zapiše glavo direktorija ICO in v celoti spoji vnose z DataView in Uint8Array, brez vpletene zunanje knjižnice ICO.
3
Izpisi PNG so ustvarjeni prek canvas.toBlob
Vsaka različica PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) se zajame s klicem canvas.toBlob z 'image/png', pri čemer se brezizgubno kodiranje prepusti vgrajenemu slikovnemu pogonu brskalnika. Izbirno polnilo, barva ozadja in obrezovanje oblike (kvadrat, zaobljeno ali krog) se pred zajemom uporabijo na kontekstu platna.
4
JSZip vse zapakira v en prenos
JSZip sestavi vse ustvarjene datoteke — favicon.ico, pet datotek PNG, site.webmanifest z imenom vaše aplikacije in favicon-snippet.html s pravilnimi oznakami <link> — v en sam blob .zip, ki se samodejno prenese na vašo napravo.

Vaša slika se naloži neposredno v Canvas API brskalnika in nikoli ne zapusti vaše naprave — nobeni podatki datoteke se v nobenem trenutku ne prenesejo na noben strežnik.

Sorodna orodja

🖼️

Pretvornik PNG v ikono ICO

Pretvorite slike PNG, JPG, WebP ali SVG v datoteke ikon .ico z več velikostmi. Izberite velikosti za združitev (16, 32, 48, 64, 128, 256) in prenesite eno datoteko .ico.

PoskusiteDatoteke ostanejo lokalne

🎞️