Sut mae gwneud favicon o fy logo?

Gollyngwch ffeil PNG, JPEG, WebP neu SVG, gosodwch opsiynau fel Siâp, Padin ac Enw'r ap, yna cliciwch Cynhyrchu pecyn favicon (.zip). Copïwch y darn HTML a ddangosir o dan Gludo i'ch head.

Pa ffeiliau sydd yn ZIP y favicon?

Mae favicon-package.zip yn cynnwys favicon.ico, eiconau PNG (16, 32, 180, 192 a 512 picsel), site.webmanifest gydag enw eich ap, a favicon-snippet.html gyda'r tagiau link.

Pa faint a fformat delwedd ddylwn i eu huwchlwytho?

Derbynnir PNG, JPEG, WebP ac SVG, un ffeil ar y tro. Ar gyfer y canlyniad craffaf defnyddiwch ddelwedd sgwâr o leiaf 512x512; mae PNG tryloyw neu SVG yn gweithio orau.

Sut mae cael favicon crwn neu gyda chorneli crwn?

Ar ôl uwchlwytho, dewiswch Sgwâr, Crwn neu Gylch o dan Siâp. Gallwch hefyd addasu Padin o 0 i 25 y cant a rhagolygu'r canlyniad yn rhagolwg Tab porwr.

A yw fy nelwedd yn cael ei huwchlwytho, a pham mae cynhyrchu'n methu?

Caiff eiconau eu tynnu gyda Chanvas y porwr a'u sipio gyda JSZip ar eich dyfais. Os gwelwch Methu llwytho'r ddelwedd hon, efallai bod y ffeil wedi'i llygru; rhowch gynnig ar ddelwedd neu borwr arall.

A yw'n rhad ac am ddim go iawn?

Ydy. Mae pob offeryn yn rhad ac am ddim i'w ddefnyddio, heb gyfrif a heb gerdyn credyd. Mae'r gwaith yn rhedeg ar eich dyfais yn hytrach nag ar ein gweinyddion ni, a dyna sy'n caniatáu iddo fod yn rhad ac am ddim i'w redeg.

A yw fy ffeiliau'n cael eu huwchlwytho?

Na. Mae eich ffeiliau'n cael eu hagor a'u prosesu y tu mewn i'ch porwr ac nid ydynt yn cael eu hanfon i LibraTool. Mae rhai offer yn lawrlwytho injan brosesu neu fodel AI i'ch porwr yn gyntaf; nid yw'r lawrlwythiad hwnnw'n cynnwys unrhyw ddata ohonoch chi.

A yw'n gweithio ar ffôn symudol?

Gall. Mae'n rhedeg ym mhorwyr symudol cyfredol iOS ac Android, heb ddim i'w osod. Gall ffeiliau mawr iawn fod yn araf neu redeg allan o gof ar ffôn, felly defnyddiwch gyfrifiadur ar eu cyfer.

🌟

Generadur Favicon am ddim

Trowch unrhyw ddelwedd yn becyn favicon cyflawn: favicon.ico aml-faint, eicon cyffwrdd Apple, eiconau Android/PWA, manifest gwe, a chlipyn HTML parod i'w gludo — i gyd wedi'u zipio, yn eich porwr.

Mae maint ffeil yn dibynnu ar eich dyfaisMae ffeiliau'n aros yn breifatNid oes angen mewngofnodiAm ddim am byth

Gollyngwch ffeil yma, neu cliciwch i bori

PNG, JPG, WebP, SVG, HEIC, HEIF · wedi'i brosesu ar eich dyfais

neu pwyswch Ctrl+V i ludo o'ch clipfwrdd

Pori ffeiliau

Nid yw eich ffeiliau byth yn gadael eich dyfais. Mae'r holl brosesu yn digwydd yn lleol yn eich porwr.

💡 Am y canlyniad cliriaf, uwchlwythwch ddelwedd sgwâr o leiaf 512×512. Mae PNG tryloyw neu SVG yn gweithio orau.

Defnyddiau cyffredin

Creu Favicon ar gyfer GwefanCynhyrchu'r set favicon cyflawn y mae pob porwr a dyfais yn ei ddisgwyl.
Cynhyrchu Eicon PWA a ManifestCael yr eiconi 192px a 512px a'r manifest gwe sydd ei angen i PWA.
Creu Eicon Apple TouchCynhyrchu'r eicon 180×180 a ddefnyddir gan iOS pan gaiff gwefan ei gadw ar y sgrin gartref.
Troi Logo yn FaviconNewid eich logo brand i favicon lân ac yn hawdd ei adnabod.
Cynhyrchu Favicons ar gyfer Unrhyw FframwaithCael ffeiliau favicon gollwng-mewn ar gyfer React, Next.js, WordPress, a mwy.

Sut Mae'n Gweithio

Mae'r offeryn hwn yn trosi unrhyw PNG, JPEG, WebP, neu SVG yn becyn ffafeicon cyflawn — .ico aml-faint, eicon cyffwrdd Apple, eiconau Android/PWA, maniffest gwe, a darn HTML yn barod i'w ludo — yn gyfan gwbl y tu mewn i'ch porwr gan ddefnyddio'r Canvas API a JSZip. Ni chaiff dim ei lwytho; mae'r holl rendro a chydosod ffeil yn digwydd yn lleol.

1
Mae Canvas yn ailraddio eich delwedd
Mae'r porwr yn tynnu eich delwedd ffynhonnell ar elfennau HTML Canvas oddi-ar-sgrin ym mhob maint gofynnol (16, 32, 48, 180, 192, a 512 px). Mae SVGau heb briodweddau lled/uchder eglur yn cael eu normaleiddio yn gyntaf drwy DOMParser ac XMLSerializer fel bod Firefox a Chrome yn cynhyrchu allbwn picsel unfath yn hytrach na chynfas gwag.
2
Mae amgodydd ICO wedi'i ysgrifennu â llaw yn pacio'r ffeil .ico
Mae cofnodion ICO bach (16, 32, 48 px) yn cael eu hamgodio fel didmapiau BGRA DIB 32-bit amrwd — y BITMAPINFOHEADER ynghyd â rhesi XOR gwaelod-i-fyny a mwgwd AND 1bpp — oherwydd bod cydrannau shell Windows angen fformat DIB heb ei gywasgu yn y meintiau hynny. Mae'r offeryn yn ysgrifennu pennawd cyfeiriadur ICO ac yn cydgadwyno'r cofnodion yn gyfan gwbl â DataView a Uint8Array, heb lyfrgell ICO allanol yn gysylltiedig.
3
Cynhyrchir allbynnau PNG drwy canvas.toBlob
Mae pob amrywiad PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) yn cael ei gipio drwy alw canvas.toBlob â 'image/png', gan ddirprwyo amgodio di-golled i injan delwedd adeiledig y porwr. Cymhwysir padin dewisol, lliw cefndir, a thocio siâp (sgwâr, crwn, neu gylch) i gyd-destun y cynfas cyn cipio.
4
Mae JSZip yn bwndelu popeth yn un lawrlwythiad
Mae JSZip yn cydosod pob ffeil a gynhyrchwyd — favicon.ico, y pum PNG, site.webmanifest ag enw eich ap, a favicon-snippet.html gyda thagiau <link> cywir — i mewn i un blob .zip sy'n lawrlwytho'n awtomatig i'ch dyfais.

Mae eich delwedd yn cael ei llwytho'n uniongyrchol i mewn i Canvas API y porwr ac ni chaiff byth ei gadael eich dyfais — ni chaiff data ffeil ei drosglwyddo byth i unrhyw weinydd ar unrhyw bwynt.

Offer Cysylltiedig

🖼️

Trawsnewidydd PNG i ICO Favicon

Trawsnewidwch ddelweddau PNG, JPG, WebP, neu SVG yn ffeiliau favicon .ico aml-faint. Dewiswch y meintiau rydych am eu bwndelu (16, 32, 48, 64, 128, 256) a lawrlwytho un .ico.

Rhowch gynnig arniMae ffeiliau'n aros yn lleol

🎞️