Hvernig bý ég til favicon úr merkinu mínu?

Dragðu PNG, JPEG, WebP eða SVG skrá inn, stilltu valkosti eins og Shape, Padding og App name og smelltu síðan á Generate favicon package (.zip). Afritaðu HTML-brotið sem birtist undir Paste into your head.

Hvaða skrár eru í favicon ZIP?

favicon-package.zip inniheldur favicon.ico, PNG tákn (16, 32, 180, 192 og 512 myndpunkta), site.webmanifest með heiti appsins þíns og favicon-snippet.html með link-merkjunum.

Hvaða myndstærð og snið ætti ég að hlaða upp?

PNG, JPEG, WebP og SVG eru tekin gild, ein skrá í einu. Fyrir skarpastu niðurstöðuna notaðu ferningslaga mynd, að minnsta kosti 512x512; gagnsætt PNG eða SVG virkar best.

Hvernig fæ ég kringlótt eða ávalt favicon?

Eftir upphleðslu veldu Square, Rounded eða Circle undir Shape. Þú getur líka stillt Padding frá 0 til 25 prósent og forskoðað niðurstöðuna í Browser tab preview.

Er myndinni minni hlaðið upp og af hverju mistekst gerðin?

Táknin eru teiknuð með Canvas vafrans og pökkuð með JSZip á tækinu þínu. Ef þú sérð Could not load this image getur skráin verið skemmd; prófaðu aðra mynd eða annan vafra.

Er þetta í alvöru ókeypis?

Já. Öll verkfæri eru ókeypis í notkun, án aðgangs og án kreditkorts. Vinnan fer fram í tækinu þínu frekar en á netþjónum okkar, sem gerir það að verkum að hægt er að halda þjónustunni ókeypis.

Er skrám mínum hlaðið upp?

Nei. Skrárnar þínar eru opnaðar og unnar í vafranum og er ekki send til LibraTool. Sum verkfæri sækja fyrst vinnsluvél eða gervigreindarlíkan í vafrann þinn; sú niðurhöl inniheldur engin gögn frá þér.

Virkar það í farsíma?

Já. Það keyrir í nýlegum farsímavöfrum á iOS og Android án þess að setja neitt upp. Mjög stórar skrár geta verið hægar eða klárað minnið í síma, svo notaðu tölvu fyrir þær.

🌟

Favíkonasmiður — ókeypis

Breyttu hvaðar myndar sem er í heildstæðan favíkonapakka: fjölstærðar favicon.ico, Apple touch icon, Android/PWA tákn, vefbirtingaskrá og tilbúinn HTML-kóðabútur — allt þjappað, í vafranum þínum.

Skráarstærð fer eftir tækinu þínuSkrár eru persónulegarEngin innskráning krafistFrjáls að eilífu

Slepptu skrá hér eða smelltu til að velja

PNG, JPG, WebP, SVG, HEIC, HEIF · unnið í tækinu þínu

eða ýttu á Ctrl+V til að líma af klippiborði

Skoðaðu skrár

Skrárnar þínar fara aldrei úr tækinu þínu. Öll vinnsla fer fram á staðnum í vafranum þínum.

💡 Fyrir bestu niðurstöður skaltu hlaða upp ferningslaga mynd að minnsta kosti 512×512. Gegnsætt PNG eða SVG hentar best.

Algeng notkun

Búðu til Favicon fyrir VefsíðuBúðu til allt favicon safnið sem hver vafri og tæki búst við.
Búðu til PWA og Manifest-TáknFáðu 192px og 512px táknin og vefsafnið sem PWA þarfnast.
Búðu til Apple Touch-TáknBúðu til 180×180 táknið sem iOS notar þegar síða er vistuð á heimaskjáinn.
Breyttu Logo í FaviconBreyttu vörumerkislógóinu þínu í hreint og auðþekkjanlegt favicon.
Búðu til Favicons fyrir Hvaða Ramma sem erFáðu favicon-skrár sem hægt er að sleppja fyrir React, Next.js, WordPress og fleira.

Hvernig það virkar

Þetta tól breytir hvaða PNG, JPEG, WebP, eða SVG í fullkomið favicon-pakka — fjöl-stærð .ico, Apple touch icon, Android/PWA táknmyndir, vefskrá (manifest), og tilbúið-til-límingar HTML-brot — algjörlega inni í vafranum þínum með Canvas API og JSZip. Ekkert er sent upp; öll myndgerð og skráasamsetning gerist staðbundið.

1
Canvas breytir stærð myndarinnar þinnar
Vafrinn teiknar upprunamyndina þína á HTML Canvas element utan skjás á hverri nauðsynlegri stærð (16, 32, 48, 180, 192, og 512 px). SVG án skýrra breiddar/hæðar-eiginleika eru normaliseruð fyrst með DOMParser og XMLSerializer svo Firefox og Chrome framleiða eins pixil-úttak í stað tóms kanvas.
2
Handskrifaður ICO-kóðari pakkar .ico skrána
Litlar ICO-færslur (16, 32, 48 px) eru kóðaðar sem hráar 32-bita BGRA DIB bitamyndir — BITMAPINFOHEADER auk botn-upp XOR-raðir og 1bpp AND-mask — því Windows shell-hlutir krefjast ótjappaðs DIB-sniðs á þeim stærðum. Tólið skrifar ICO-möppuhaus og tengir færslurnar algjörlega saman með DataView og Uint8Array, án nokkurs ytra ICO-bókasafns.
3
PNG-úttök eru framleidd með canvas.toBlob
Hvert PNG-afbrigði (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) er fangað með því að kalla canvas.toBlob með 'image/png', sem framselur taplausa kóðun til innbyggðu myndvélar vafrans. Valfrjáls bólstrun, bakgrunnslitur, og formklipping (ferningur, ávalur, eða hringur) eru beitt á kanvas-samhengið fyrir fönginn.
4
JSZip rangar allt saman í eina sókn
JSZip rangar saman allar myndaðar skrár — favicon.ico, PNG-in fimm, site.webmanifest með appheiti þínu, og favicon-snippet.html með réttum <link> tögum — í eitt .zip blob sem sæst sjálfkrafa á tækið þitt.

Myndin þín er hlaðin beint inn í Canvas API vafrans og yfirgefur aldrei tækið þitt — engin skrárgögn eru send til nokkurs netþjóns kapan sem er.

Tengd verkfæri

🖼️

PNG í ICO-favíkónabreytir

Breyttu PNG, JPG, WebP eða SVG myndum í .ico-favíkonaskrár með mörgum stærðum. Veldu stærðirnar sem þú vilt pakkað (16, 32, 48, 64, 128, 256) og sóttu eina .ico.

Prófaðu þaðSkrár eru staðbundnar

🎞️