How to create a favicon.ico for your web site如何创建的favicon.ico为您的网站

by Ross McKillop on May 2, 2007 Ross麦基洛普 2007年5月2日

网页设计与开发

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这简短的指南将告诉您如何建立一个独特的favicon.ico (即图标在您的地址栏中-当然。 s implehelp的的f avicon.ico是 ) for your own site. )自己的网站。

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. 1图标(简称收藏夹图标)是一个伟大的方式,让您的网站一个难忘的和独特的图标将显示在浏览器地址栏中。 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.在此外,图标的显示旁边的'您的网站'当人们书签,并且由于大多数的乡亲有一个非常混乱的书签列表,图形,提醒您的网站旁边的书签名称,它是一个好方法,让他们再次找到它。

  1. First, select the image you want to use as a favicon.首先,选择的形象,您想要使用作为一个图标。 Something that blends in with your sites look, colour scheme and general “feel” is best.一些共混物在与您的网站看看,肤色计划和一般“感觉”是最好的。 Since favicons are quite small, it’sa good idea not to try and get too complicated.自网站图示是相当小,最好不要尝试,并取得太复杂了。 The image you choose should be a square (64×64, 32×32 etc), and can be a jpg, gif, png, bmp etc.的形象,您选择的应该是一个正方形( 64 × 64 , 32 × 32等) ,并且可以一个JPG , GIF , PNG等骨形态发生蛋白等。
  2. Next, visit明年,请访问 FavIcon from Pics图标从照片 - an absolutely brilliant (and free!) online tool that can generate a favicon from a picture, logo or other graphic -一个绝对的辉煌(而且完全免费! )在线工具,可以生成一个图标,从图片,标识或其他图形
  3. Upload your picture and click the magic Generate Favicon.ico button.上传您的图片,并点击魔术产生的favicon.ico按钮。 You’ll be given a preview of your favicon, and if you’re happy with it, click the Download Favicon button.您将可以预览您的图标,如果您满意,请点击下载图标按钮。 Favicon from Pics will prompt you to save a .zip file - save it to your desktop or wherever you prefer to save files.图标从照片将提示您保存。 zip档案-将它保存到您的桌面或在何处,你宁愿将文件保存。 Unzip it.将它解压缩。
  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*.消防您喜爱的FTP程序(或工具,无论您使用将文件上载到您的网站)和上传的favicon.ico文件的根源,您的网站*. You’ll want the file to be located at www.your-site.com/favicon.ico.您想要的文件,以设在www.your-site.com/favicon.ico 。
  5. Visit your web site to check out your new favicon!访问您的网站,检查你的新图标! If it doesn’t appear, you may need to clear your browsers cache and then reload.如果它不出现,您可能需要清除您的浏览器缓存和然后重新载入。
  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: * =如果您还没有接触到的根源,您的网站,添加以下代码行某处的<head>在您的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: 相关文章:
  • How to revert to the “old” Google favicon如何回复到“老”的Google网站图示
  • Simplehelp Recap: May 2007 - wow, and thank you! simplehelp回顾一下: 2007年5月-哇,谢谢大家!
  • How to create a custom iPhone and iPod touch icon for your web site如何创建自定义iphone和iPod触摸的图标为您的网站
  • Welcome!欢迎!
  • How to insert a Google Map into your website using iWeb如何插入Google地图到您的网站使用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 } 4 trackbacks

    20 Free RSS Readers Reviewed - Simplehelp 20免费RSS阅读器检讨-s implehelp
    05.06.07 at 6:40 pm 05.06.07在下午6时40分
    WordPress: The Complete Post-Install Checklist, Redux - Simplehelp在WordPress :完成安装后的清单, redux -s implehelp
    05.26.07 at 2:15 pm 05.26.07在下午2时15分
    How to revert to the “old” Google favicon - Simplehelp如何回复到“老”的Google网站图示-s implehelp
    05.30.08 at 9:12 pm 05.30.08在下午9点12分
    Favicon Design : ..:.:..图标设计: ..:.:.. Todd And = Marketing + Media ..:.:..托德和=营销+媒体..:.:..
    07.22.08 at 4:59 pm 07.22.08在下午4时59分

    { 1 comment… read it below or 1条评论…阅读下面或 add one新增1 }

    1 1 LGR lgr 05.30.07 at 9:55 am 05.30.07在上午09时55分

    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> 您可以使用这些HTML标记和属性:的<a href="" title=""> <abbr title=""> <acronym title="">的<b> <blockquote cite=""> <cite>的<code> <del datetime="">的<em>的<i> <q cite=""> <strike>的<strong>