Vytvorenie vlastného favikónu

Obsah:

Anonim

Chystám sa priznať, že niečo podivné. Mám naozaj rád favikóny. Sú zábavné. Sú to skvelý značkový nástroj. A oni sú niečo jednoduché, že majitelia malých podnikov môžu urobiť okořeniť svoje stránky a dokonca zvýšiť použiteľnosť pre užívateľov.

Ak neviete, čo je favicon, dovoľte mi ponúknuť nejakú pomoc:

$config[code] not found

Favicons sú grafická karta mini, 16 × 16 pixelov, ktorá predstavuje vašu webovú lokalitu v paneli s adresou, v zozname záložiek používateľa alebo na kartách prehliadača. Umožňujú vašim návštevníkom vytvoriť vizuálne spojenie s vašimi stránkami.

Neat! Ako si ju vytvoríte?

Navrhnite favicon:

  • Ručne: Otvorte svoj obľúbený grafický program a dostaňte sa k nemu. Budete chcieť buď vytvoriť nový súbor, ktorý je 16 × 16 pixelov, a priblížiť ho dovtedy, kým nebude oblasť funkčná. Ale otvoríte oblasť, ktorá je väčšia, ale stále nejaká násobka 16 × 16. Pri navrhovaní favikónu ručne použite niečo, čo presne reprezentuje vašu značku - či už ide o bežnú farebnú schému, inicializáciu vašej firmy atď. Čokoľvek vytvoríte, budete musieť vydržať náročné obmedzenia 16 × 16 pixelov.
  • S nástrojmi: Ak ste dizajn napadnutí (žiadne starosti, ja som taky), existujú niektoré skvelé nástroje, ktoré uľahčia dokonca aj ľuďom ako sme my vytvoriť skvelé favicons. Napríklad, Favicon.cc vám dá nejakú štruktúru a umožní vám vytvoriť si priamo zo svojich stránok alebo FavIcon z Pics vám umožní nahrať obrázok a vytvoriť favicon pre vás. Simple!

Uložte favicon: Pri ukladaní súboru ho znížte na 16 bitov a uložte ako "favicon.ico", ak používate Photoshop alebo "favicon.gif" alebo "favicon.png", ak používate niečo iné. Ak používate program Photoshop a chcete dať svojmu faviconovi nejaký extra oomph, odporúčame stiahnuť si plugin pre formát súboru Windows Icon, aby ste si ho mohli uložiť vo formáte ICO.

Odovzdajte svoju favicon: Pripojte sa k serveru a odovzdajte favicon do koreňového priečinka vašej lokality. Potom pridajte nasledujúci kód HTML do hlavnej časti vašej webovej stránky (medzi dvoma hlavičkami) (vyberte typ súboru):

Obnoviť: Akonáhle skončíte, obnovte svoj prehliadač a mali by ste vidieť svoju favicon. Ak nie, dajte to na pár minút. Niekedy to trochu trvá, kým sa synchronizuje všetko.

A to je ono! Štyri kroky a máte skvelú značku favicon, ktorá pomôže používateľom rozpoznať vaše stránky v zozname záložiek alebo v ich prehliadači. Docela jednoduché, nie?

Len pre zábavu, tu sú niektoré z mojich obľúbených favikónov na webe:

  • Michigan ohňostroj
  • Jeffrey Zeldman
  • Boing Boing
  • Encyclopedia.com
  • Fool.com
  • Michael Gray SEO Blog

Akékoľvek iné osobné obľúbené položky?

17 Komentárov ▼