[Hvernig á] Að búa til Favicon og Apple Tákn fyrir vefsíðuna þína

Apple iPhone / iPad

Síðan fyrir nokkrum árum hafa favicons sem höfðu misst mikið af mikilvægi sínu verið endurvakið þar sem fleiri og fleiri vafrar styðja þær nú og gera þær í raun að mjög sjónrænum hluta af upplifun notenda sinna. Spjaldtölvur og snjallsímavafrar nota einnig þessi tákn. Þetta hefur leitt til aukins mikilvægis með gott favicon. Hins vegar er mismunandi hvernig þessi tákn eru sett fram eftir viðskiptavinum sem vafrar um vefsíðuna. Skjáborð krefjast ákveðins tákns, Apple tæki þurfa eitthvað annað, mismunandi stærðir flækja líka málið. 

 

Efnisyfirlit[Sýna]

Einföld lausn - Free Online Icon Generator fyrir Apple og Favicon tákn

 Iconifier.net er einföld lausn sem gefin ferningur JPG, GIF eða PNG mun búa til táknmynd af ýmsum stærðum svo þú getir notað og valið þær sem þú vilt styðja á vefsíðunni þinni. Þú þarft bara að hlaða niður mynduðu táknum og fella inn í kóða vefsíðu þinnar. Þú getur fellt þessi skref inn í vefhönnunarferlið þitt.

Fella inn favicons táknið á vefsíðuna þína

Eftir að hafa búið til favicon.ico táknið með því að nota Iconifier.net hér að ofan og sett það í rót vefsvæðisins skaltu bæta við eftirfarandi kóða milli og vefsíðu þinnar

The Apple Tákn

Eftir að þú hefur búið til hin ýmsu tákn með því að nota ofangreinda vefsíðu, verður þú einnig að innihalda aðeins annan kóða fyrir Apple iPhone/iPad (og hugsanlega Android) tæki. Hlaðið aftur upp táknskrárnar sem myndaðar eru í rót vefsíðunnar þinnar og settu eftirfarandi kóða á milli HEAD merkjanna.

<link rel=”apple-touch-icon ”stærðir =” 114 × 114 ″ href = ” /touch-icon-114 × 114.png” />

<link rel=”apple-touch-icon ”stærðir =” 72 × 72 ″ href = ” /touch-icon-72 × 72.png” />

<link rel=”apple-touch-icon ”href =” /touch-icon-iphone.png ” />

IOS tæki munu sjálfkrafa höndla þetta í vafranum sínum og breyta stærð og bæta við nokkrum áhrifum í samræmi við það til að passa við stíl tækisins sem þeir eru að sjá á.

Tilviljun, Great iOS og Android verktaki er ekki auðvelt að ráða - ef þú ert að leita að því að ráða góðan forritara, og veist hvernig á að finna góðan frambjóðanda við höfum fengið þig þakkláta CollectiveRay. - við sýnum þér alla frábæru staðina til að finna góða frambjóðendur.

Rauður Meira: Hvernig á að endurstilla Apple Auðkenni og lykilorð ef þú hefur gleymt því

Tákn fyrir Android tæki

Android hefur byggt á Apple snerta tákn en búast við að táknin séu þegar í lokaútgáfu. Þessi síðasta útgáfa er „PRECOMPOSED“ og Android tæki búast við því að þetta merki sé til staðar. Svo hlaðið upp nýjum útgáfum, með örlítið mismunandi nöfnum (svo sem að bæta við fyrirfram samsettu í nafninu) og bættu síðan við eftirfarandi merkingu. Mikilvægasti hlutinn er rel =apple-touch-icon-precomposed. Settu skrárnar í rót vefsíðunnar þinnar og bættu þessum kóða á milli og merki html þinnar

<link rel=”apple-touch-icon-precomposed “stærðir =” 114 × 114 ″ href = ”/apple-touch-icon-114 × 114-precomposed.png ”>

<link rel=”apple-touch-icon-precomposed “stærðir =” 72 × 72 ″ href = ”/apple-touch-icon-72 × 72-precomposed.png ”>

<link rel=”apple-touch-icon-precomposed ”href =”/touch-icon-iphone-precomposed.png ”>

Nánari upplýsingar um Favicons er að finna á Wikepedia: https://en.wikipedia.org/wiki/Favicon

Um höfundinn
David Attard
David hefur starfað í eða við net- / stafræna iðnaðinn síðustu 18 ár. Hann hefur mikla reynslu af hugbúnaðar- og vefhönnunargeiranum með því að nota WordPress, Joomla og veggskot í kringum þau. Sem stafrænn ráðgjafi er áhersla hans lögð á að hjálpa fyrirtækjum að ná samkeppnisforskoti með því að nota sambland af vefsíðu þeirra og stafrænum kerfum sem eru í boði í dag.

Eitt í viðbót... Vissir þú að fólk sem deilir gagnlegu efni á borð við þessa færslu lítur ótrúlega líka út? ;-)
vinsamlegast yfirgefa a gagnlegt skrifaðu athugasemdir við hugsanir þínar, deildu þessu síðan á Facebook hópinn þinn / hverjum sem myndu finnast þetta gagnlegt og við skulum uppskera ávinninginn saman. Takk fyrir að deila og vera fín!

Birting: Þessi síða getur innihaldið tengla á ytri vefsíður fyrir vörur sem við elskum og mælum af heilum hug. Ef þú kaupir vörur sem við leggjum til gætum við unnið okkur inn tilvísunargjald. Slík gjöld hafa ekki áhrif á ráðleggingar okkar og við tökum ekki við greiðslum fyrir jákvæða dóma.

 

hver erum við?

CollectiveRay er rekið af David Attard - vinnandi í og ​​við vefhönnunarsessina í meira en 12 ár, við veitum nothæfar ábendingar fyrir fólk sem vinnur með og á vefsíðum. Við rekum einnig DronesBuy.net - vefsíðu fyrir drónaáhugamenn.

Davíð attard

 

 

Höfundur (ar) Valin þann:  Merki tímarits Inc   Sitepoint merki   CSS bragðarefur merki    vefhönnunarpottamerki   WPMU DEV merki   og margir fleiri ...