Crearea unui Favicon particularizat

Cuprins:

Anonim

Am să recunosc ceva de genul ăsta. Îmi plac favicoanele. Sunt distractiv. Sunt un instrument de branding excelent. Și sunt ceva simplu pe care proprietarii de afaceri mici le pot face pentru a-și îmbogăți site-urile și chiar pentru a spori gradul de utilizare a utilizatorilor.

Dacă nu știți ce este favicon, permiteți-mi să ofer o asistență:

$config[code] not found

Faviconii sunt grafica mini, de 16 × 16 pixeli, care reprezintă site-ul dvs. Web în bara de adrese, în lista de marcaje a utilizatorului sau în filele de browser. Ele permit vizitatorilor dvs. să creeze o conexiune vizuală cu site-ul dvs.

Neat! Cum creați unul?

Design favicon:

  • De mana: Deschideți programul grafic preferat și ajungeți la el. Veți dori să creați un fișier nou de 16 × 16 pixeli și să măriți până când zona este funcțională sau să deschideți o zonă mai mare, dar totusi un fel de multiplu de 16 × 16. Când proiectați manual faviconul, utilizați ceva care să reprezinte cu exactitate marca dvs. - fie că este vorba despre o schemă de culori obișnuită, despre inițialele companiei, etc. Indiferent ce creați, va trebui să suportați restricțiile dure de 16 × 16 pixeli.
  • Cu unelte: Dacă sunteți provocat de proiectare (nu vă faceți griji, sunt și eu), există câteva instrumente excelente care ușurează chiar și oameni ca noi să creeze favicoane extraordinare. De exemplu, Favicon.cc vă va da o structură și vă va permite să vă construiți direct de pe site-ul dvs. sau FavIcon din Pics vă va permite să încărcați o imagine și să generați faviconul pentru dvs. Simplu!

Salvați faviconul: Când salvați fișierul, reduceți-l la 16 biți și salvați-l ca "favicon.ico" dacă utilizați Photoshop sau "favicon.gif" sau "favicon.png" dacă utilizați altceva. Dacă utilizați Photoshop și doriți să dați favicon-ului oomph suplimentar, este recomandat să descărcați pluginul pentru format de fișier Windows Icon astfel încât să puteți salva în formatul ICO.

Încărcați faviconul: Conectați-vă la serverul dvs. și încărcați-l pe favicon în directorul rădăcină al site-ului dvs. Apoi, adăugați următorul cod HTML în secțiunea de cap a paginii dvs. Web (între cele două etichete Head) (alegeți tipul de fișier):

Reîmprospăta: Odată ce ați terminat, reîmprospătați browserul dvs. și ar trebui să vedeți faviconul dvs. care apare. Dacă nu, dați-i câteva minute. Uneori este nevoie de ceva pentru ca totul să se sincronizeze.

Si asta e! Patru pași și aveți un favicon de mare marcă care vă va ajuta pe utilizatori să vă recunoască site-ul în lista marcajelor sau în browser. Destul de simplu, nu?

Doar pentru distracție, iată câteva dintre favicoanele mele preferate pe Web:

  • Artificii din Michigan
  • Jeffrey Zeldman
  • Boing Boing
  • Encyclopedia.com
  • Fool.com
  • Site-ul lui Michael Gray SEO

Orice alte preferințe personale?

17 Comentarii ▼