Bi O Ṣe Nṣiṣẹ

1

Yan Orisun Rẹ

Ṣe igbasilẹ aworan kan, ṣẹda lati ọrọ pẹlu awọn fọnti aṣa, yan lati awọn ọgọọgọrun emojis, tabi fa aworan pixel. Ṣe itupalẹ URL eyikeyi lati jade awọn favicons to wa.

2

Ṣe akanṣe & Ṣe awotẹlẹ

Ṣatunṣe awọn abẹlẹ, awọn gradiyenti, yiyipo, ati awọn ipa. Ṣe awotẹlẹ favicon rẹ ni awọn taabu aṣawakiri, iboju ile iOS, Android, ati awọn ẹlẹgàn Windows ni akoko gidi.

3

Ṣẹda & Ṣe igbasilẹ

Ṣẹda gbogbo awọn iwọn pẹlu titẹ kan. Ṣe igbasilẹ package pipe pẹlu awọn snippets koodu ti o ṣetan lati lo fun awọn ilana 35+.

Awọn ọna mẹrin lati Ṣẹda Favicon Rẹ

Po si Aworan

Bẹrẹ pẹlu aworan eyikeyi — PNG, JPG, SVG, tabi WebP. Ṣafikun awọn abẹlẹ, ṣatunṣe fifẹ, imọlẹ, itansan, ati lo awọn igun yika. Pipe fun awọn aami ati awọn ohun-ini iyasọtọ ti o wa.

Ọrọ si Favicon

Ṣẹda awọn favicons ti o da lori ọrọ pẹlu 1500+ Google Fonts. Yan awọn iwuwo fọnti, awọn awọ, ati ṣafikun awọn abẹlẹ ti o lagbara tabi gradiyenti. Apẹrẹ fun awọn aami ami iyasọtọ ti o da lori lẹta ti o rọrun.

Emoji Favicon

Yan lati awọn ọgọọgọrun emojis kọja awọn ẹka 12 pẹlu gbogbo awọn asia orilẹ-ede. Ṣafikun awọn abẹlẹ awọ pẹlu awọn tito tẹlẹ tabi awọn gradiyenti aṣa fun wiwo didan.

Kanfasi Pixel Art

Fa favicon tirẹ ni piksẹli nipasẹ piksẹli lori akoj isọdi. Lo ikọwe, gọmu, ati awọn irinṣẹ kikun pẹlu atilẹyin yi pada/tunṣe. Gbejade ẹda aworan piksẹli rẹ lẹsẹkẹsẹ.

Awọn ẹya agbara

100% Ikọkọ

Gbogbo processing ṣẹlẹ ni agbegbe ninu aṣawakiri rẹ. Awọn aworan rẹ ko fi ẹrọ rẹ silẹ. Ko si awọn ikojọpọ, ko si ibi ipamọ awọsanma, ko si gbigba data.

Gbogbo Awọn iru ẹrọ Bo

Ṣẹda awọn iwọn favicon 15+ fun awọn aṣawakiri, iboju ile iOS, Chrome Android, awọn alẹmọ Windows, awọn taabu pinned Safari, ati Awọn ohun elo Oju opo wẹẹbu Onitẹsiwaju.

Àkọwò Live

Wo gangan bii favicon rẹ ṣe n wo ni awọn taabu aṣawakiri, iboju ile iOS, ifilọlẹ Android, ati awọn alẹmọ Windows ṣaaju ṣiṣe.

Awọn snippets fun 35+ Frameworks

Gba koodu ti o ṣetan lati lo fun HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django, ati awọn iru ẹrọ 25+ diẹ sii.

Oluyanju URL

Ṣe itupalẹ oju opo wẹẹbu eyikeyi lati jade awọn favicons to wa. Wo kini awọn iwọn wa, kini o nsọnu, ati tun ṣe atunto pipe pẹlu titẹ kan.

Itan iran

Wọle si awọn iran favicon aipẹ rẹ. Mu awọn ẹda iṣaaju pada, ṣe afiwe awọn ẹya, tabi tẹsiwaju ṣiṣatunṣe lati ibi ti o duro.

Awọn awoṣe iyara

Bẹrẹ pẹlu awọn awoṣe apẹrẹ alamọdaju ti o nfihan awọn awọ ti o lagbara, awọn gradiyenti, ati awọn ilana. Waye ati ṣe akanṣe lati baamu ami iyasọtọ rẹ.

ICO Iwọn-pupọ

Ṣẹda awọn faili ICO ipinnu-pupọ laifọwọyi nfi awọn iwọn 16x16, 32x32, ati 48x48 fun ibamu aṣawakiri ti o pọju.

Apo Ipari Ipari

Standard Favicons

favicon.ico (iwọn-pupọ), 16x16, 32x32, ati 48x48 PNGs fun awọn taabu aṣawakiri ati awọn bukumaaki.

Apple Fọwọkan Awọn aami

Aami Apple Touch 180x180 fun iboju ile iOS, pẹlu Safari pinned taabu SVG pẹlu awọ akori isọdi.

Android & PWA Awọn aami

Awọn aami 192x192 ati 512x512 fun Android Chrome ati Awọn ohun elo Wẹẹbu Onitẹsiwaju, pẹlu atilẹyin aami iboju.

Awọn alẹmọ Windows

270x270 Microsoft tile pẹlu browserconfig.xml fun akojọ aṣayan Ibẹrẹ Windows ati isọpọ iṣẹ-ṣiṣe.

Manifest Wẹẹbu

Pari faili site.webmanifest pẹlu awọn itọkasi aami, awọn awọ akori, ati awọn eto ifihan PWA.

Awọn ibeere Nigbagbogbo

Awọn iwọn favicon wo ni MO nilo?
Ni o kere ju: favicon.ico, 32x32 PNG, 180x180 Apple Touch Icon, ati 192x192/512x512 fun Android/PWA. Tito tẹlẹ 'Pataki' wa pẹlu gbogbo awọn iwọn ti o nilo laifọwọyi.
Kini idi ti MO nilo faili ICO kan?
Ọna kika ICO ni awọn iwọn pupọ ninu faili kan ati pe o ṣe atilẹyin nipasẹ gbogbo awọn aṣawakiri pẹlu awọn ẹya julọ. O jẹ ọna kika favicon ibile ti n ṣe idaniloju ibamu ti o pọju.
Ṣe o yẹ ki favicon mi ni abẹlẹ sihin bi?
Fun awọn taabu aṣawakiri, akoyawo ṣiṣẹ daradara. Fun iOS ati Android iboju ile, ro a ri to tabi gradiyenti lẹhin bi awọn aami han lori orisirisi awọn iṣẹṣọ ogiri.
Ṣe aworan orisun mi nilo lati jẹ onigun mẹrin bi?
Bẹẹni, favicons jẹ igbagbogbo onigun mẹrin. Ti aworan rẹ ko ba jẹ onigun mẹrin, lo fifẹ ati awọn idari iwọn lati jẹ ki o baamu daradara. Fun awọn abajade to dara julọ, bẹrẹ pẹlu aworan onigun mẹrin.
Ṣe awọn aworan mi ni aabo ati ikọkọ bi?
100% ikọkọ. Gbogbo sisẹ nlo Kanfasi abinibi aṣawakiri ati Awọn API Blob. Awọn aworan rẹ ko fi ẹrọ rẹ silẹ rara — a ko gbejade, tọju, tabi tan kaakiri eyikeyi data.
Awọn ilana wo ni atilẹyin?
A pese awọn snippets koodu fun awọn iru ẹrọ 35+ pẹlu React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails, ati ọpọlọpọ diẹ sii.
Kini nipa Awọn ohun elo Oju opo wẹẹbu Onitẹsiwaju?
Olupilẹṣẹ wa ṣẹda gbogbo awọn aami PWA ti o nilo pẹlu awọn iyatọ iboju, pẹlu faili site.webmanifest pipe pẹlu awọn ikede aami to tọ ati awọn awọ akori.

Oye Favicons

Favicons jẹ awọn aami kekere ti o ṣe aṣoju oju opo wẹẹbu rẹ kọja awọn aṣawakiri, awọn bukumaaki, awọn iboju ile, ati awọn ifilọlẹ app. Eto favicon pipe ṣe idaniloju ami iyasọtọ rẹ dabi alamọdaju ati idanimọ nibikibi ti awọn olumulo ba pade aaye rẹ.

Ọna kika ICO

Ọna kika ICO ṣe akopọ awọn iwọn pupọ (16x16, 32x32, 48x48) sinu faili kan. Lakoko ti awọn aṣawakiri ode oni ṣe atilẹyin PNG favicons, ICO wa ni pataki fun ibamu ti o pọju pẹlu awọn aṣawakiri agbalagba ati awọn ohun elo tabili kan.

Awọn aami PNG

Awọn aṣawakiri ode oni fẹran awọn favicons PNG fun didara agaran wọn ati atilẹyin akoyawo. Iwọn kọọkan n ṣe idi kan: 16px ati 32px fun awọn taabu aṣawakiri, 180px fun iOS, ati 192px/512px fun Android ati PWAs.

Manifest Ohun elo Wẹẹbu

Faili site.webmanifest n ṣalaye bi aaye rẹ ṣe han nigbati o fi sori ẹrọ bi PWA. O pato awọn aami, awọn awọ akori, ipo ifihan, ati metadata miiran ti awọn aṣawakiri nlo lati ṣẹda iriri bi app.

Awọn Favicons SVG

Ẹya taabu ti a fi sii Safari nlo aami SVG monochrome kan. Awọn aṣawakiri ode oni tun bẹrẹ lati ṣe atilẹyin awọn favicons SVG taara, nfunni ni iwọn ailopin ati awọn iwọn faili kekere.