Pasirinktinio „Favicon“ kūrimas

Turinys:

Anonim

Pripažinsiu kažką geeky. Man labai patinka favikonai. Jie smagu. Jie yra puikus prekės ženklo kūrimo įrankis. Ir tai yra paprasta, kad smulkiojo verslo savininkai gali padaryti savo svetaines pranašesnius ir netgi padidinti naudotojų patogumą.

Jei nežinote, kas yra favicon, leiskite man pasiūlyti tam tikrą pagalbą:

$config[code] not found

„Favicons“ yra mini, 16 × 16 pikselių grafika, vaizduojanti jūsų svetainę adresų juostoje, naudotojų žymių sąraše arba jų naršyklės skirtukuose. Jie leidžia lankytojams sukurti vizualinį ryšį su jūsų svetaine.

Tikrai! Kaip tai sukurti?

Sukurkite savo favicon:

  • Ranka: Atidarykite mėgstamą grafikos programą ir pasiimkite ją. Norėsite sukurti naują failą, kuris yra 16 × 16 pikselių, ir priartinti, kol plotas bus veiksmingas. ARBA atverkite didesnį plotą, tačiau vis dar kai 16 × 16 kartotinį. Kai projektuojate savo „favicon“ ranka, naudokite kažką, kas tiksliai atspindės jūsų prekės ženklą - ar tai būtų bendra spalvų schema, jūsų įmonės inicialai ir pan. Kad ir ką kurtumėte, turėsite laikytis griežtų 16 × 16 pikselių apribojimų.
  • Su įrankiais: Jei projektuojate iššūkį (nesijaudinkite, aš taip pat esu), yra keletas puikių įrankių, kurie netgi tokiems žmonėms, kaip ir mes, palengvina puikių faviconų kūrimą. Pvz., „Favicon.cc“ suteiks jums šiek tiek struktūros ir leis jums sukurti tavo tiesiai iš savo svetainės arba „FavIcon“ iš „Pics“ leis jums įkelti paveikslėlį ir generuoti „favicon“. Paprasta!

Išsaugokite savo favicon: Išsaugodami failą, sumažinkite jį iki 16 bitų ir išsaugokite kaip „favicon.ico“, jei naudojate „Photoshop“ arba „favicon.gif“ arba „favicon.png“, jei naudojate kitą. Jei naudojate „Photoshop“ ir norite suteikti papildomos informacijos, rekomenduojama atsisiųsti „Windows Icon“ failo formato papildinį, kad galėtumėte išsaugoti ICO formatą.

Įkelkite savo favicon: Prisijunkite prie serverio ir įkelkite savo „favicon“ į savo svetainės šakninį aplanką. Tada pridėkite toliau pateiktą HTML kodą į pagrindinio puslapio dalį (tarp dviejų „Head tags“) (pasirinkite savo failo tipą):

Atnaujinti: Atlikus atnaujinimą, atnaujinkite naršyklę ir pamatysite, kad bus rodomas „favicon“. Jei ne, pateikite keletą minučių. Kartais viskas trunka šiek tiek už sinchronizavimą.

Štai ir viskas! Keturi žingsniai ir turite puikų prekės ženklą, kuris padės vartotojams atpažinti jūsų svetainę žymių sąraše arba naršyklėje. Gana paprasta, tiesa?

Tiesiog for fun, čia yra keletas mano mėgstamų faviconų internete:

  • Mičigano fejerverkai
  • Jeffrey Zeldman
  • Boing Boing
  • Encyclopedia.com
  • „Fool.com“
  • „Michael Gray“ SEO dienoraštis

Bet kokie kiti asmeniniai pasirinkimai?

17 Pastabos ▼