Kako napraviti favicon od svog logotipa?

Ubacite PNG, JPEG, WebP ili SVG datoteku, postavite opcije poput oblika, razmaka i naziva aplikacije, zatim kliknite Generiraj paket favicona (.zip). Kopirajte HTML isječak prikazan pod Zalijepite u svoj head.

Koje datoteke su u ZIP-u favicona?

favicon-package.zip sadrži favicon.ico, PNG ikone (16, 32, 180, 192 i 512 piksela), site.webmanifest s nazivom vaše aplikacije i favicon-snippet.html s link oznakama.

Koju veličinu i format slike trebam prenijeti?

Prihvaćaju se PNG, JPEG, WebP i SVG, jedna datoteka odjednom. Za najoštriji rezultat koristite kvadratnu sliku od najmanje 512x512; prozirni PNG ili SVG daje najbolje rezultate.

Kako dobiti okrugli ili zaobljeni favicon?

Nakon prijenosa odaberite Kvadrat, Zaobljeno ili Krug pod Oblik. Razmak možete podesiti od 0 do 25 posto i pregledati rezultat u pregledu kartice preglednika.

Prenosi li se moja slika na poslužitelj i zašto generiranje ne uspije?

Ikone se crtaju pomoću Canvasa preglednika i pakiraju pomoću JSZip-a na vašem uređaju. Ako vidite Nije moguće učitati ovu sliku, datoteka je možda oštećena; probajte drugu sliku ili preglednik.

Je li stvarno besplatno?

Da. Svaki alat je besplatan za korištenje, bez računa i bez kreditne kartice. Rad se odvija na vašem uređaju, a ne na našim poslužiteljima, što omogućuje da ostane besplatan.

Prenose li se moje datoteke?

Ne. Vaše se datoteke otvaraju i obrađuju unutar vašeg preglednika i ne šalju se LibraToolu. Neki alati prvo u preglednik preuzmu mehanizam za obradu ili AI model; to preuzimanje ne sadrži nikakve vaše podatke.

Radi li na mobilnim uređajima?

Da. Radi u aktualnim mobilnim preglednicima na iOS-u i Androidu, bez instalacije. Vrlo velike datoteke mogu biti spore ili ostati bez memorije na telefonu, pa za njih koristite računalo.

🌟

Generator favicona — besplatno

Pretvorite bilo koju sliku u kompletan paket favicona: favicon.ico s više veličina, Apple touch ikona, Android/PWA ikone, web manifest i HTML isječak spreman za lijepljenje — sve u ZIP arhivi, u vašem pregjedniku.

Veličina datoteke ovisi o vašem uređajuDatoteke ostaju privatneNije potrebna prijavaBesplatno zauvijek

Ispustite datoteku ovdje ili kliknite za odabir

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

ili pritisnite Ctrl+V za lijepljenje iz međuspremnika

Pregledaj datoteke

Vaše datoteke nikada ne napuštaju vaš uređaj. Sva obrada odvija se lokalno u vašem pregledniku.

💡 Za najoštriji rezultat, prenesite kvadratnu sliku od najmanje 512×512. Najtransparentniji PNG ili SVG daje najbolje rezultate.

Uobičajene namjene

Kreirajte Favicon Web-mjestaGenerirajte 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 web-mjesto sačuvano na početnoj zaslon.
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 funkcionira

Ovaj alat pretvara bilo koji PNG, JPEG, WebP ili SVG u potpuni paket favicona — .ico s više veličina, Apple touch icon, Android/PWA ikone, web manifest i HTML isječak spreman za lijepljenje — u potpunosti unutar vašeg preglednika koristeći Canvas API i JSZip. Ništa se ne šalje; sve renderiranje i sastavljanje datoteka odvija se lokalno.

1
Canvas mijenja veličinu vaše slike
Preglednik crta vašu izvornu sliku na izvan-zaslonske HTML Canvas elemente u svakoj potrebnoj veličini (16, 32, 48, 180, 192 i 512 px). SVG-ovi bez eksplicitnih atributa width/height prvo se normaliziraju putem DOMParser i XMLSerializer tako da Firefox i Chrome proizvode identičan pikselni izlaz umjesto praznog platna.
2
Ručno napisani ICO koder pakira .ico datoteku
Male ICO stavke (16, 32, 48 px) kodiraju se kao sirove 32-bitne BGRA DIB bitmape — BITMAPINFOHEADER plus odozdo-prema-gore XOR redovi i 1bpp AND maska — jer komponente Windows ljuske zahtijevaju nekomprimirani DIB format u tim veličinama. Alat piše zaglavlje ICO direktorija i spaja stavke u potpunosti s DataView i Uint8Array, bez uključene vanjske ICO biblioteke.
3
PNG izlazi proizvode se putem canvas.toBlob
Svaka PNG varijanta (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) hvata se pozivom canvas.toBlob s 'image/png', delegirajući kodiranje bez gubitaka ugrađenom mehanizmu slika preglednika. Opcionalno podstavljanje, boja pozadine i obrezivanje oblika (kvadrat, zaobljeno ili krug) primjenjuju se na kontekst platna prije hvatanja.
4
JSZip pakira sve u jedno preuzimanje
JSZip sastavlja sve generirane datoteke — favicon.ico, pet PNG-ova, site.webmanifest s nazivom vaše aplikacije i favicon-snippet.html s ispravnim <link> oznakama — u jedan .zip blob koji se automatski preuzima na vaš uređaj.

Vaša slika učitava se izravno u Canvas API preglednika i nikad ne napušta vaš uređaj — podaci datoteke se ni u jednom trenutku ne šalju ni na jedan poslužitelj.

Srodni alati

🖼️

PNG u ICO pretvarač favicona

Pretvorite PNG, JPG, WebP ili SVG slike u .ico favicon datoteke s više veličina. Odaberite veličine koje želite u paketu (16, 32, 48, 64, 128, 256) i preuzmite jedan .ico.

IsprobajteDatoteke ostaju lokalne

🎞️

Animirani GIF kreator

Kombinirajte više slika u animirani GIF. Podesivi kašnjenje okvira, izlazna širina, ponavljanje i kvaliteta. Kodira se u potpunosti u vašem pregledniku.

IsprobajteDatoteke ostaju lokalne

Popularno

✍️

Izrada potpisa

Nacrtajte potpis mišem, prstom ili olovkom, ili utipkajte svoje ime u fontu rukopisa, zatim ga izvezite kao prozirni PNG ili SVG.

Isprobajte