How to create a favicon.ico for your web site Come creare un favicon.ico per il tuo sito web

by Ross McKillop on May 2, 2007 da Ross McKillop il 2 maggio 2007

Web design & dev

This brief tutorial will show you how to create a unique favicon.ico (that icon in your address bar - ex. Simplehelp’s favicon.ico is Questo breve tutorial vi mostrerà come creare un unico favicon.ico (che nella tua icona barra degli indirizzi - ex. Simplehelp della favicon.ico è ) for your own site. ) Per il tuo sito.

A favicon (short for Favorites Icon) is a great way to give your site a memorable and unique icon that will display in the browser address bar. Una favicon (abbreviazione di Preferiti Icona) è un ottimo modo per dare il tuo sito una memorabile e unica icona che verrà visualizzata nella barra degli indirizzi del browser. In addition, favicon’s show up next to ‘your site’ when people bookmark it, and since most folks have a very messy bookmark list, a graphical reminder of your site beside the bookmark name it is a good way let them find it again. Inoltre, la favicon mostra fino al prossimo 'del tuo sito' quando la gente preferito, e dato che la maggior parte sono gente molto disordinato elenco segnalibro, un richiamo grafico del tuo sito accanto al nome del segnalibro è un buon modo far loro trovare di nuovo .

  1. First, select the image you want to use as a favicon. In primo luogo, selezionare l'immagine che si desidera utilizzare come favicon. Something that blends in with your sites look, colour scheme and general “feel” is best. Qualcosa che si fonde con il tuo sguardo siti, il colore e il regime generale "sentire" è meglio. Since favicons are quite small, it’sa good idea not to try and get too complicated. Poiché favicon sono piuttosto piccole, è una buona idea, non per cercare di arrivare troppo complicato. The image you choose should be a square (64×64, 32×32 etc), and can be a jpg, gif, png, bmp etc. L'immagine si sceglie deve essere un quadrato (64 × 64, 32 × 32 etc), e può essere un file JPG, GIF, PNG, BMP ecc
  2. Next, visit Successivamente, visita FavIcon from Pics Favicon da Foto - an absolutely brilliant (and free!) online tool that can generate a favicon from a picture, logo or other graphic - Uno assolutamente brillante (e gratuito!) Strumento online che può generare una favicon da una foto, logo o altri grafici
  3. Upload your picture and click the magic Generate Favicon.ico button. Carica la tua foto e fare clic su Genera la magia favicon.ico pulsante. You’ll be given a preview of your favicon, and if you’re happy with it, click the Download Favicon button. Ti verrà dato un anteprima del tuo favicon, e se siete soddisfatti con esso, fare clic sul pulsante Download favicon. Favicon from Pics will prompt you to save a .zip file - save it to your desktop or wherever you prefer to save files. Foto da favicon vi verrà chiesto di salvare un file. Zip - salvarlo sul desktop o dovunque si preferisce salvare i file. Unzip it. Decomprimerlo.
  4. Fire up your favorite FTP program (or whatever tool you use to upload files to your web site) and upload the favicon.ico file to the root of your site*. Vigili del fuoco il tuo programma FTP preferito (o qualsiasi strumento che si utilizza per caricare i file al tuo sito web) e caricare il file favicon.ico alla radice del tuo sito *. You’ll want the file to be located at www.your-site.com/favicon.ico. Ti il file devono essere situati ad www.your-site.com/favicon.ico.
  5. Visit your web site to check out your new favicon! Visita il sito al fine di verificare la tua nuova favicon! If it doesn’t appear, you may need to clear your browsers cache and then reload. Se non sembra, potrebbe essere necessario svuotare la cache del browser e quindi ricarica.
  6. * = if you don’t have access to the root of your site, add the following line of code somewhere in the <head> of your html: * = Se non hai accesso alla directory principale del tuo sito, aggiungere la seguente riga di codice da qualche parte nel <head> del vostro HTML:

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

Related Posts: Related Interventi:
  • How to revert to the “old” Google favicon Come tornare al "vecchio" favicon di Google
  • Simplehelp Recap: May 2007 - wow, and thank you! Simplehelp Recap: maggio 2007 - wow, e la ringrazio!
  • How to create a custom iPhone and iPod touch icon for your web site Come creare un iPhone e iPod toccare l'icona per il vostro sito web
  • Welcome! Benvenuto!
  • How to insert a Google Map into your website using iWeb Come inserire una Google Map nel tuo sito web utilizzando iWeb
  • Get Simple Help tutorials just like this one in your email inbox every day - for free! Ottieni Aiuto tutorial semplice come questo nella tua casella di posta tutti i giorni - gratuitamente! Just enter your email address below: Basta inserire il tuo indirizzo email qui sotto:

    You can always opt out of this email subscription at any time. È possibile scegliere di questa e-mail di iscrizione in qualsiasi momento.

    { 4 trackbacks } (4) TrackBacks

    20 Free RSS Readers Reviewed - Simplehelp 20 I lettori di feed RSS gratuito Recensito - Simplehelp
    05.06.07 at 6:40 pm 05.06.07 a 6:40 pm
    WordPress: The Complete Post-Install Checklist, Redux - Simplehelp WordPress: La post-installazione Lista di controllo, Redux - Simplehelp
    05.26.07 at 2:15 pm 05.26.07 a 2:15 pm
    How to revert to the “old” Google favicon - Simplehelp Come tornare al "vecchio" favicon di Google - Simplehelp
    05.30.08 at 9:12 pm 05.30.08 a 9:12 pm
    Favicon Design : ..:.:.. Favicon Design: ..:.:.. Todd And = Marketing + Media ..:.:.. Todd E = Marketing + Media ..:.:..
    07.22.08 at 4:59 pm 07.22.08 a 4:59 pm

    { 1 comment… read it below or (1 commento ... leggere qui di seguito o add one aggiungere uno } )

    1 1 LGR LGR 05.30.07 at 9:55 am 05.30.07 alle 9:55 am

    Good post. Buona post. I have used that favicon generator in the past and it works well. Ho usato favicon generatore che in passato e che funziona bene. Sometimes I don’t have the time or creativity to make my own and have found some great free favicons here: A volte non ho il tempo o la creatività per rendere la mia e hanno trovato una grande libera favicon qui: http://www.freefavicon.com/

    Leave a Comment Lascia un tuo commento

    You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> È possibile utilizzare questi tag HTML e gli attributi: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>