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ð.
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
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.
og margir fleiri ...