Hur man skapar en favicon.ico för din webbplats

vid Ross McKillop Maj 2, 2007

Rengöringsdukdesign & bärare

Denna kort tutorial ska show dig hur man skapar en unik favicon.ico (den symbol i ditt tilltalar bommar för - före detta. Simplehelps favicon.ico är ) för din egna plats.

En favicon (kort stavelse för favoritsymbol) är en store långt som ger din plats en minnesvärd och unik symbol, som ska skärm i webbläsaren, tilltalar bommar för. I tillägg visar favicons upp bredvid `din plats', när folket bokmärke det och sedan mest folks har en mycket smutsig bokmärke att lista, en grafisk påminnelse av din plats bredvid den kända bokmärken det är en goda l5At långt dem finna den igen.

  1. Välj avbilda som du önskar att använda som en favicon, först. Något, som blandar in med dina platser, ser, färgar intrig, och den allmänna ”känselförnimmelsen” är bäst. Sedan favicons är ganska lilla, är får det en bra idé inte till försök och för invecklat. Avbilda som du väljer, bör vara en kvadrera (64×64, 32×32 etc.) och kan vara en jpg, en gif, en png, en bmp Etc.
  2. Därefter besök FavIcon från Pics - ett absolut briljant (och frigör!), bearbeta direktanslutet som kan frambringa en favicon från en grafiska en föreställa, logo eller annan
  3. Upload ditt föreställer och klickar magin Frambring Favicon.ico knäppas. Du ska ges en granska av din favicon, och om du är lycklig med den, klickar Nedladdning Favicon knäppas. Favicon från Pics som precis ska dig till räddningen en .zip, sparar - räddning det till ditt skrivbords- eller wherever du föredrar till räddningen, sparar. Dra ned blixtlåset på det.
  4. Avfyra upp ditt favoritFTP-program (eller allt vad bearbetar dig, bruk att upload sparar till din webbplats) och upload favicon.icoen sparar till rota av din site*. Du ska önskar att spara ska lokaliseras på www.your-site.com/favicon.ico.
  5. Besöka din webbplats för att kontrollera ut din nya favicon! Om det inte visas, kan du behöva att göra klar din webbläsarecache och därefter att lägga tillbaka.
  6. tillfoga efter fodra av kodifierar någonstans i huvudet, * =, om du inte har att ta fram till rota av din plats <> av din html:

    <anknyta href=” http://www.your-site.com/path/to/favicon.ico” för den rel=” genvägsymbolen”,>

    Om detta postar hjälpte dig, mig skulle är extremt tacksamt, om du kunde ta 3, noterar (jag tajmade det), för att avsluta denna granskning. Om du skriver in din e-post, tilltala på avsluta av granskningen, dig ska skrivs in in i en strid för att segra en $25 USD amasonpresentkort. You do not need to enter your name or email address (though you won't be entered into the contest) to complete the survey. No personally identifiable information is gathered. If you do opt to enter the contest, your email address will not be sold or used for any kind of communication, other than to notify you if you won the contest. After the contest ends all email addresses will be deleted. Thanks very much in advance!!
Related Posts:
  • How to revert to the “old” Google favicon
  • Simplehelp Recap: May 2007 - wow, and thank you!
  • How to create a custom iPhone and iPod touch icon for your web site
  • Welcome!
  • How to insert a Google Map into your website using iWeb
  • Get Simple Help tutorials just like this one in your email inbox every day - for free! Just enter your email address below:

    You can always opt out of this email subscription at any time.

    { 4 trackbacks }

    20 Free RSS Readers Reviewed - Simplehelp
    05.06.07 at 6:40 pm
    WordPress: The Complete Post-Install Checklist, Redux - Simplehelp
    05.26.07 at 2:15 pm
    How to revert to the “old” Google favicon - Simplehelp
    05.30.08 at 9:12 pm
    Favicon Design : ..:.:.. Todd And = Marketing + Media ..:.:..
    07.22.08 at 4:59 pm

    { 1 comment… read it below or add one }

    1 LGR 05.30.07 at 9:55 am

    Good post. I have used that favicon generator in the past and it works well. Sometimes I don’t have the time or creativity to make my own and have found some great free favicons here: http://www.freefavicon.com/

    Leave a Comment

    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>