Com crear un favicon.ico per al seu lloc web

per Ross McKillop el 2 de maig, de 2007

Disseny de Webs & Dev

Aquesta classe breu el mostrarà com crear un favicon.ico únic (aquella icona en la seva barra d'adreces - ex. El favicon.ico de Simplehelp és ) per al seu propi lloc.

Un favicon (curtcircuiti's per a Icona de Favorits) és una gran manera de donar el seu lloc una icona memorable i única que mostrarà en la barra d'adreces de navegador. A més a més, favicon aparèixer prop de 'el seu lloc' quan llista d'adreces d'interès de gent això, i ja que la majoria de la gent té una llista de llistes d'adreces d'interès molt desordenada, una notificació gràfica del seu lloc al costat del nom de llistes d'adreces d'interès que això és un bon camí els deixava trobar-lo una altra vegada.

  1. Primer, seleccioni la imatge que vol utilitzar com a favicon. Alguna cosa que harmonitza amb el seu aspecte de llocs, esquema de color i general "senten" és millor. Ja que favicons són bastant petits, és una bona idea no provar i no aconseguir massa complicat. La imatge que escull hauria de ser una plaça (64×64, 32×32 etc.), i pot ser un jpg, gif, png, bmp etc.
  2. Després, visiti FavIcon des de Pics - un absolutament brillant (i lliure!) eina en línia que pot generar un favicon des d'una fotografia, logo o altre gràfic
  3. Carregui la seva fotografia i faci clic a la màgia Generar Favicon.ico botó. Se'l donarà un presentar del seu favicon, i si és feliç amb això, fa clic al botó Download Favicon. Favicon des de Pics l'impulsarà a estalviar un .zip arxiu - guardi'l a la seva taula de treball o on sigui que prefereix salvar arxius. Obri'l.
  4. Engegui's cap amunt del seu programa de FTP favorit (o qualsevol eina que utilitzi per carregar arxius al seu lloc web) i carregui l'arxiu de favicon.ico a l'arrel del seu site*. Voldrà que l'arxiu estigui situat a www.your-site.com/favicon.ico.
  5. Visiti el seu lloc web per comprovar el seu favicon nou! Si no apareix, pot necessitar treure del seu amagatall de navegadors i llavors recarregar.
  6. * = si no té accés a l'arrel del seu lloc, que se suma la línia següent de codi a algun lloc en el <head> del seu html:

    Icona de <link rel="shortcut" href="http://www.your-site.com/path/to/favicon.ico">

Correus Relacionats:
  • Com tornar al favicon Google "vell"
  • Simplehelp Recap: Maig de 2007 - sorpresa, i gràcies!
  • Com crear un costum iPhone i icona de tacte d'iPod per al seu lloc web
  • Benvinguda!
  • Com introduir un Mapa Google al seu lloc web utilitzant iWeb
  • Porti classes d'Ajuda Simples just com aquest en el seu inbox d'e-mail tots els dies - de franc! Només ingressi a la seva adreça d'e-mail sota:

    Sempre pot optar fora d'aquesta subscripció d'e-mail a qualsevol moment.

    { 4 trackbacks }

    20 Lectors de RSS Lliures Revisaven - Simplehelp
    05.06.07 a les 6:40 pm
    WordPress: Els Complets Postinstal·len Llista de Control, Redux - Simplehelp
    05.26.07 a les 2:15 pm
    Com tornar al favicon Google "vell" - Simplehelp
    05.30.08 a les 9:12 pm
    Favicon Design : ..:.:.. Todd I Mitjans de Comunicació de + de Màrqueting de = ..:.:..
    07.22.08 a les 4:59 pm

    { 1 comentari... llegeixi'l sota o afegeixi'n un }

    1 LGR 05.30.07 a les 9:55 sóc

    Bon correu. He utilitzat aquell generador de favicon en el passat i funciona bé. A vegades no tinc el temps o creativitat per fer el meu propi i no he trobat alguns grans favicons lliures aquí: http://www.freefavicon.com/

    Deixi un Comentari

    Pot utilitzar aquests cordons de HTML i atributs: <A href=" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>