Ninawezaje kutengeneza favicon kutoka nembo yangu?

Weka faili ya PNG, JPEG, WebP au SVG, weka chaguo kama Umbo, Nafasi ya ndani na Jina la programu, kisha bofya Tengeneza kifurushi cha favicon (.zip). Nakili kijisehemu cha HTML kilichoonyeshwa chini ya Bandika kwenye head yako.

Ni faili gani zilizomo kwenye ZIP ya favicon?

favicon-package.zip ina favicon.ico, ikoni za PNG (pikseli 16, 32, 180, 192 na 512), site.webmanifest yenye jina la programu yako, na favicon-snippet.html yenye lebo za link.

Ni ukubwa na umbizo gani la picha napaswa kupakia?

PNG, JPEG, WebP na SVG zinakubaliwa, faili moja kwa wakati. Kwa matokeo makali zaidi tumia picha ya mraba ya angalau 512x512; PNG yenye uwazi au SVG hufanya kazi vizuri zaidi.

Ninawezaje kupata favicon ya duara au yenye kingo za mviringo?

Baada ya kupakia, chagua Mraba, Mviringo au Duara chini ya Umbo. Unaweza pia kurekebisha Nafasi ya ndani kutoka asilimia 0 hadi 25 na kuona matokeo kwenye onyesho la kukagua Kichupo cha kivinjari.

Je, picha yangu hupakiwa, na kwa nini utengenezaji hushindwa?

Ikoni huchorwa kwa Canvas ya kivinjari na kubanwa kwa JSZip kwenye kifaa chako. Ukiona Imeshindwa kupakia picha hii, faili inaweza kuwa imeharibika; jaribu picha au kivinjari kingine.

Ndiyo. Kila zana ni bure kutumia, bila akaunti na bila kadi ya mkopo. Kazi inafanyika kwenye kifaa chako badala ya seva zetu, jambo linaloiwezesha kuwa bure kutumika.

Je, faili zangu hupakiwa?

Hapana. Faili zako hufunguliwa na kuchakatwa ndani ya kivinjari chako na hazitumwi kwa LibraTool. Baadhi ya zana kwanza hupakua injini ya uchakataji au modeli ya AI kwenye kivinjari chako; upakuaji huo hauna data yako yoyote.

Je, inafanya kazi kwenye simu?

Ndiyo. Inafanya kazi kwenye vivinjari vya kisasa vya simu vya iOS na Android, bila kusakinisha chochote. Faili kubwa sana zinaweza kuwa polepole au kuishiwa kumbukumbu kwenye simu, kwa hiyo tumia kompyuta kwa hizo.

🌟

Jenereta ya Favicon bila malipo

Geuza picha yoyote kuwa pakiti kamili ya favicon: favicon.ico ya ukubwa mwingi, ikoni ya kugusa ya Apple, ikoni za Android/PWA, manifesto ya wavuti, na kipande cha HTML tayari kubandika — vyote vimepakiwa, kwenye kivinjari chako.

Ukubwa wa faili unategemea kifaa chakoFaili zinabaki faraghaHakuna kuingia kinachohitajikaBure milele

Dondosha faili hapa, au bofya ili kuchagua

PNG, JPG, WebP, SVG, HEIC, HEIF · kuchakatwa kwenye kifaa chako

au bonyeza Ctrl+V ili kubandika kutoka ubao wa kunakili

Vinjari faili

Faili zako hazitoki kwenye kifaa chako kamwe. Uchakataji wote unafanyika ndani ya kivinjari chako.

💡 Kwa matokeo bora, pakia picha ya mraba ya angalau 512×512. PNG au SVG yenye uwazi inafanya kazi vizuri.

Matumizi ya kawaida

Tengeneza Favicon ya WavutiZalisha seti kamili ya favicon ambayo kila kivinjari na kifaa kinatarajia.
Zalisha Faili za PWA na ManifestPata faili za 192px na 512px na faili ya wavu inayohitajika na PWA.
Tengeneza Icon ya Apple TouchZalisha faili la 180×180 ambalo iOS linatumia wakati wavuti iliyohifadhiwa kwenye skrini ya nyumbani.
Geuza Logo kuwa FaviconGeuza alama yako ya chapa kuwa favicon safi, inayojulikana.
Zalisha Favicons kwa Muundo WowotePata faili za favicon zinazodondoka kwa React, Next.js, WordPress na zaidi.

Jinsi Inavyofanya Kazi

Kifaa hiki kinabadilisha PNG, JPEG, WebP, au SVG yoyote kuwa kifurushi kamili cha favicon — .ico ya ukubwa mwingi, aikoni ya kugusa ya Apple, aikoni za Android/PWA, manifest ya wavuti, na kipande cha HTML tayari-kubandika — kikamilifu ndani ya kivinjari chako kwa kutumia Canvas API na JSZip. Hakuna kinachopakiwa; uonyeshaji na ujenzi wa faili vyote vinafanyika ndani ya kivinjari.

1
Canvas inabadilisha ukubwa wa picha yako
Kivinjari kinachora picha yako ya chanzo kwenye vipengele vya HTML Canvas visivyoonekana kwa kila ukubwa unaohitajika (16, 32, 48, 180, 192, na 512 px). SVG bila sifa wazi za width/height zinasanifishwa kwanza kupitia DOMParser na XMLSerializer ili Firefox na Chrome zitoe matokeo ya pikseli yanayofanana badala ya kanvasi tupu.
2
Kisimbaji cha ICO kilichoandikwa mwenyewe kinafunga faili la .ico
Viingilio vidogo vya ICO (16, 32, 48 px) vinasimbwa kama bitmapu ghafi za BGRA za biti-32 DIB — BITMAPINFOHEADER pamoja na safu za XOR kutoka-chini-kwenda-juu na maski ya 1bpp AND — kwa sababu vipengele vya shell ya Windows vinahitaji muundo wa DIB usiobanwa kwa ukubwa huo. Kifaa kinaandika kichwa cha saraka ya ICO na kuunganisha viingilio kikamilifu kwa DataView na Uint8Array, bila maktaba ya nje ya ICO inayohusika.
3
Matokeo ya PNG yanazalishwa kupitia canvas.toBlob
Kila kibadala cha PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) kinanaswa kwa kuita canvas.toBlob na 'image/png', kikikabidhi usimbaji usiopoteza data kwa injini ya picha ya ndani ya kivinjari. Padding ya hiari, rangi ya mandhari ya nyuma, na ukataji wa umbo (mraba, mviringo, au duara) vinatumika kwenye muktadha wa kanvasi kabla ya kunasa.
4
JSZip inafungasha kila kitu kuwa upakuaji mmoja
JSZip inaunganisha mafaili yote yaliyozalishwa — favicon.ico, PNG tano, site.webmanifest yenye jina la programu yako, na favicon-snippet.html yenye lebo sahihi za <link> — kuwa blob moja ya .zip inayopakuliwa kiotomatiki kwenye kifaa chako.

Picha yako inapakiwa moja kwa moja kwenye Canvas API ya kivinjari na kamwe haiondoki kwenye kifaa chako — hakuna data ya faili inayotumwa kwa seva yoyote wakati wowote.

Zana Zinazohusiana

🖼️

Kibadilishi cha PNG hadi ICO Favicon

Badilisha picha za PNG, JPG, WebP, au SVG kuwa faili za favicon za .ico zenye ukubwa mwingi. Chagua ukubwa unaotaka kufungwa pamoja (16, 32, 48, 64, 128, 256) na upakue .ico moja.

JaribuFaili ni za ndani

🎞️

Kitengenezi cha GIF ya Uhuishaji

Unganisha picha nyingi kuwa GIF ya uhuishaji. Ucheleweshaji wa fremu unaoweza kurekebishwa, upana wa matokeo, mrindimo, na ubora. Inasimbwa kabisa kwenye kivinjari chako.

JaribuFaili ni za ndani

Inayopendwa

✍️

Kitengenezea Sahihi

Chora sahihi kwa kipanya, kidole, au kalamu maalum, au andika jina lako kwa fonti ya mwandiko, kisha itoe kama PNG au SVG ya uwazi.

Jaribu