Stvaranje prilagođenog Favicona

Sadržaj:

Anonim

Priznajem nešto čudnovato. Stvarno mi se sviđaju favikoni. Oni su zabavni. Oni su izvrstan alat za brendiranje. Oni su nešto što vlasnici malih tvrtki mogu učiniti kako bi začinili svoje web-lokacije i čak povećali upotrebljivost za korisnike.

Ako ne znate što je favicon, ponudite mi pomoć:

$config[code] not found

Favicons su mini, 16 × 16 piksela grafike koje predstavljaju vaše web stranice gore u adresnoj traci, na korisničkom popisu oznaka ili na njihovim karticama preglednika. Oni omogućuju posjetiteljima stvaranje vizualne veze s vašom web-lokacijom.

Uredan! Kako ga stvorite?

Osmislite svoj favicon:

  • Ručno: Otvorite svoj omiljeni grafički program i dođite do njega. Želite li stvoriti novu datoteku veličine 16 × 16 piksela i povećati je dok se područje ne može pokrenuti ILI otvoriti područje koje je veće, ali ipak neka vrsta višestruke vrijednosti 16 × 16. Kada ručno kreirate svoj favicon, koristite nešto što će točno predstaviti vašu marku - bilo da se radi o uobičajenoj shemi boja, inicijalima tvrtke itd. Što god napravili, morat ćete podnijeti teška ograničenja od 16 × 16 piksela.
  • S alatima: Ako ste dizajnirani za izazov (bez brige, i ja sam), postoje neki odlični alati koji olakšavaju čak i ljudima poput nas stvaranje velikih favikona. Na primjer, Favicon.cc će vam dati neku strukturu i omogućiti vam da izgradite vašu izravno s njihove stranice ili će vam FavIcon iz Picsa omogućiti da postavite sliku i generirate favicon za vas. Jednostavan!

Spremite favicon: Kada spremate datoteku, smanjite je na 16 bita i spremite kao "favicon.ico" ako koristite Photoshop ili "favicon.gif" ili "favicon.png" ako koristite nešto drugo. Ako koristite Photoshop i želite da vašoj ikonici dodate malo više, preporučuje se da preuzmete dodatak formata datoteke Windows Icon kako biste ga mogli spremiti u ICO formatu.

Prenesite favicon: Povežite se s poslužiteljem i prenesite svoj favicon u korijensku mapu web-lokacije. Zatim dodajte sljedeći HTML kôd u odjeljak glave web-stranice (između dvije oznake za glavu) (odaberite vrstu datoteke):

Osvježiti: Kada ste gotovi, osvježite preglednik i trebali biste vidjeti svoj favicon. Ako ne, dajte mu nekoliko minuta. Ponekad je potrebno malo da se sve sinkronizira.

I to je to! Četiri koraka i imate odličan favicon koji će korisnicima pomoći da prepoznaju vašu web-lokaciju na popisu oznaka ili u svom pregledniku. Prilično jednostavno, zar ne?

Samo iz zabave, evo nekih omiljenih favorita na webu:

  • Michigan vatromet
  • Jeffrey Zeldman
  • Boing Boing
  • Encyclopedia.com
  • Fool.com
  • Blog bloga Michaela Greya

Bilo koji drugi osobni favoriti?

17 Komentari ▼