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

Apple iPhone / iPad

Frá því fyrir nokkrum árum hafa tákn sem hafa misst mikið af mikilvægi sínu verið vakin upp aftur þar sem fleiri og fleiri vafrar styðja þau nú og gera þau í raun mjög sjónrænan þátt í upplifun notenda þeirra. Spjaldtölvur og snjallsímavafrar nota einnig þessi tákn. Þetta hefur leitt til aukins mikilvægis þess að hafa gott tákn. Hvernig sem þessar táknmyndir eru kynntar er þó mismunandi eftir viðskiptavini sem vafra um vefsíðuna. Tölvuborð þurfa sérstakt tákn, 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.

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.

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

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

Um höfundinn
David Attard
Höfundur: David AttardVefsíða: https://www.linkedin.com/in/dattard/
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.

About the Author

David has been working in or around the online and digital industry for the last 21 years. He has vast experience in the software and web design industries using WordPress, Joomla and niches surrounding them. He has worked with software development agencies, international software companies, local marketing agencies and now is Head of Marketing Operations at Aphex Media – an SEO agency. As a digital consultant, his focus is on helping businesses get a competitive advantage using a combination of their website and digital platforms available today. His blend of technology expertise combined with a strong business acumen brings a competitive edge to his writings.