Teknobench
Catagóirí ▾
Teanga: ga ▾

Gineadóir favicon

Cruthaigh favicon.ico, deilbhíní PNG, apple-touch-icon agus site.webmanifest ó íomhá amháin nó emoji, le clibeanna HTML réidh le greamú. ZIP, gan uaslódáil.

Foinse

Oiriúnú
site.webmanifest

Conas favicon a chruthú

  1. Faoi Foinse, roghnaigh Íomhá nó Téacs nó emoji. - Íomhá: scaoil PNG, JPG, WebP nó SVG. Oibríonn lógó cearnach 512 × 512 px ar a laghad is fearr. Roghnaigh An íomhá iomlán chun é a fheistiú laistigh den deilbhín, nó Líon agus gearr chun an chearnóg a chlúdach. - Téacs nó emoji: clóscríobh litir, ceannlitreacha nó emoji, ansin roghnaigh an Cló, Trom agus Dath an téacs.
  2. Socraigh Dath an chúlra, nó cuir tic le Cúlra trédhearcach. Roghnaigh Cruth (Cearnach, Cruinnithe nó Ciorcal) agus Eangú (%) chun spás a fhágáil thart ar an ábhar.
  3. Más mian leat, oscail site.webmanifest chun Ainm na haipe (web manifest), Ainm gearr, Dath an téama agus URL fillteáin na dtobán a chur isteach (fág / má théann na comhaid ag fréamh do shuímh).
  4. Cliceáil Gin favicons. Taispeántar na deilbhíní ar a méid fíor, in aice le cluaisín brabhsálaí samhlaithe. Ina dhiaidh sin, nuashonraíonn gach athrú iad láithreach.
  5. Cliceáil Íoslódáil ZIP, uaslódáil na comhaid chuig do shuíomh, ansin Cóipeáil clibeanna agus greamaigh iad laistigh den <head> de do leathanaigh.

Cad atá sa ZIP

Comhad Méid Úsáidte ag
favicon.ico 16, 32 agus 48 px Cluaisíní brabhsálaí, leabharmharcanna, seanbhrabhsálaithe, Windows
favicon-16x16.png 16 × 16 Cluaisíní brabhsálaí
favicon-32x32.png 32 × 32 Cluaisíní ar scáileáin ardachar, aicearraí barra tascanna
apple-touch-icon.png 180 × 180 Scáileán baile iPhone agus iPad
android-chrome-192x192.png 192 × 192 Scáileán baile Android (web manifest)
android-chrome-512x512.png 512 × 512 Scáileáin splancscáileáin suiteála (web manifest)
site.webmanifest — Ainm, dathanna agus deilbhíní suímh in-suiteáilte
favicon-tags.html — Na clibeanna HTML, mar thagairt

Coinníonn an comhad ICO trí íomhá PNG, formáid a léann Windows (ó Vista) agus gach brabhsálaí reatha. Sábháiltear an apple-touch-icon i gcónaí ar chúlra soladach, mar go dtaispeánann iOS picteilíní trédhearcacha mar dhubh; le cúlra trédhearcach, úsáidtear bán.

Na clibeanna HTML

Seo mar a bhíonn na clibeanna a ghintear (le URL do fhillteáin):

<link rel="icon" href="/favicon.ico" sizes="48x48">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">

Iarrann brabhsálaithe /favicon.ico go huathoibríoch ag fréamh do fhearainn freisin, mar sin cabhraíonn sé é a choinneáil ansin fiú ar leathanaigh gan na clibeanna.

Leideanna dearaidh

  • Coinnigh simplí é. Ag 16 × 16 px, imíonn mionsonraí. Léitear litir amháin, siombail trom nó an leagan is simplí de do lógó is fearr.
  • Seiceáil an réamhamharc ar mhéid fíor. Is é an deilbhín 16 px sa chluaisín samhlaithe an rud a fheiceann cuairteoirí i ndáiríre.
  • Smaoinigh ar mhodh dorcha. D’fhéadfadh lógó dorcha ar chúlra trédhearcach imeacht i dtéamaí dorcha brabhsálaí; cabhraíonn cúlra daite nó eangú beag.
  • Breathnaíonn emoji difriúil ar gach córas, mar go dtarraingíonn gach ardán emoji ina stíl féin. Coinníonn na comhaid PNG cuma do ghléis.

Ceisteanna coitianta

Cé na méideanna a theastaíonn ó favicon?

Go praiticiúil: favicon.ico le 16, 32 agus 48 px, apple-touch-icon 180 px agus PNGanna 192 agus 512 px don web manifest. Cruthaíonn an uirlis seo iad ar fad ó fhoinse amháin.

An féidir liom lógó SVG a úsáid?

Is féidir. Tarraingítear comhaid SVG ag taifeach ard sula ndéantar na deilbhíní. Taispeántar an SVG mar íomhá shimplí, mar sin ní ritheann a scripteanna riamh.

Conas favicon emoji a dhéanamh?

Roghnaigh Téacs nó emoji, clóscríobh nó greamaigh an emoji, roghnaigh cúlra nó fág trédhearcach é, agus gin. Is PNG agus ICO fíor é an toradh, mar sin oibríonn sé i ngach brabhsálaí.

Cén fáth nach dtaispeánann mo favicon nua?

Coinníonn brabhsálaithe favicons i dtaisce go láidir. Athluchtaigh agus an taisce glanta, oscail an suíomh i bhfuinneog phríobháideach, nó cuir leagan leis an URL, mar /favicon.ico?v=2.

An uaslódáiltear m’íomhá?

Ní uaslódáiltear. Cruthaítear na deilbhíní, an ZIP agus an manifest i do bhrabhsálaí; ní fhágann aon rud do ghléas.

Uirlisí gaolmhara