`

如何设置地址栏http前面的图标

阅读更多
制作浏览器地址栏&收藏夹里的小图标

    如果您使用的 WEB 浏览器是 IE5 或以上版本,那么当您将某些网站(如:网易、Yahoo等等)加入到“收藏夹”后,您是否注意到在这些网站标题的旁边还有一个独具个性的图标呢?这就是“收藏夹图标”(F avorites Icon)。就拿“网易”来说,在标题“Welcome to netease !” 的左边,IE5 默认的图标被换成了一个红色的变体中文“易”字。非但如此,如果您正在浏览“网易”,这时 IE5 的地址栏中的图标也同样是一个红色的“易”字。也正是因为这些个性化的图标使得他们在您的“收藏夹”众多的白底蓝 e 中显得格外的醒目。

    您是不是也希望为您的网站加上一个体现您的主页的风格和个性的图标呢?其实要实现这一目的非常简单。

    第一步,准备一个图标制作软件。

    首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以 .ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到一个软件下载站点去下载一个图标制作软件。您也可以访问http://www.favicon.com/,这里提供一个免费的在线“收藏夹”图标生成器,如果您 E 文够好的话,在这里您还可以了解到更多的关于“收藏夹”图标的知识。


    第二步,确定“收藏夹”图标的规格。

   “收藏夹”图标有着它特有的规格:图标的大小为 16 * 16(以像素为单位);所使用的颜色不得超过 16 色。 (为了清晰)


   第三步,设计一个属于您自己的图标。

    您可以将您的网站的 LOGO 做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:f avicon.ico。


    最后,将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。您不需要对您的网页文件作任何的修改,IE5 会自动的不停的搜索您的网站的根目录,只要它一发现了 favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。


    如果您希望为不同的页面设置不同的“收藏夹”图标,那么您就需要在该网页文件的 HEAD 部分加入下面的内容:


    注意:该图标的路径一定要使用绝对路径。


    还有一点需要说明的是:有些 Web 站点的主机服务器(如:Geocities )不支持图标文件格式,这时您就需要与管理员联系,要求他开通图标文件格式的支持。

    马上行动,让您的网站也拥有一个“收藏夹”图标吧!

分享到:
评论

相关推荐

    常用的ico图标大全

    ico图标是一种特殊的图像格式,主要用于网站的favicon,也就是浏览器地址栏前面的小图标,以及桌面快捷方式的图标。这种格式能够包含多个不同尺寸和颜色深度的图像,以适应不同的显示环境。在Windows操作系统中,ico...

    如何清除IE地址栏中的网络实名

    ### 如何清除IE地址栏中的网络实名 在日常使用Internet Explorer(以下简称IE)浏览器的过程中,用户可能会遇到一个问题——IE地址栏中出现了一些不需要的网络实名提示,这些提示不仅占用空间,有时还会影响用户的...

    208个高清ico图标,程序员必备的素材,欢迎大家下载

    ico图标是一种特殊的图像格式,主要用于网站的favicon,即浏览器地址栏前面的小图标,以及桌面快捷方式的图标。在编程和网站开发中,ico文件扮演着重要角色,因为它们提供了识别性和品牌一致性。此资源包包含了208个...

    725个经典ico图标

    ICO图标是一种特殊的图像格式,主要用于网站的favicon,也就是我们浏览器地址栏前面的小图标。这个压缩包包含725个经典的ICO图标,意味着它提供了一套丰富的选择,适用于各种类型的网站或者软件项目,从个人博客到...

    URL前的图标URL前的图标

    而URL前的图标,通常被称为“favicon”,是一个小小的图形图标,它位于浏览器地址栏的左侧,用于代表特定网站的品牌或形象。这个图标可以是网站的Logo,也可以是其他能代表网站内容的图形。 创建和使用favicon对于...

    多种类型的ico图标ico图标

    ico图标是一种特殊的图像格式,主要用于网站的favicon,即浏览器地址栏前面的小图标,以及桌面快捷方式的图标。这种格式能够包含多个不同尺寸和颜色深度的图像,以适应不同的设备和显示需求。在本压缩包中,ico图标...

    设计用ICO图标大全

    ICO图标是一种特殊的图像格式,主要用于网站的favicon,也就是我们浏览器地址栏前面的小图标。它能够以多种尺寸显示,确保在不同设备和系统上都能清晰、一致地呈现。在这个"设计用ICO图标大全"中,包含了各种尺寸和...

    网站添加图标

    这些图标通常出现在浏览器的地址栏、书签列表、浏览器标签页以及搜索引擎结果中等位置。网站图标的设计一般与网站的品牌形象保持一致,用于提高品牌的识别度。 ### 知识点二:网站图标的作用 1. **提升品牌形象**...

    怎么在网址前面加一个图标

    这个小图标可以是公司logo、产品logo或者任何代表网站特色的设计元素,它会显示在浏览器的地址栏、标签页、书签栏等位置,帮助用户快速识别和记忆网站。 ### 如何在网站地址前添加Favicon #### 1. 准备图标文件 ...

    ico图标集合

    ico图标是一种特殊的图像格式,主要用于网站的favicon,也就是我们浏览器地址栏前面的小图标。这个"ico图标集合"是一个包含多种ico图标的资源包,适用于网页设计和开发人员使用。ico文件的独特之处在于它能存储多个...

    2000多款百分百ICO图标

    ICO图标是一种特殊的图像格式,主要用于网站的favicon,也就是浏览器地址栏前面的小图标,以及桌面快捷方式的图标。这种格式能够包含多种分辨率和颜色深度的图像,以适应不同的显示设备和系统需求。在“2000多款百分...

    怎样去掉桌面图标下的阴影

    将“网页”栏中的“当前主页”以及“http//......”等所有各项前面的勾全部去掉(“http//……”为从 Internet 添加网页或图片的地址,一般不需要,可将它们全部删除),并将下面“锁定桌面项目”前面的勾也去掉,...

    经典的ico图标各种尺寸

    ico图标是一种特殊的图像格式,主要用于网站的favicon,即浏览器地址栏前面的小图标,也可用于桌面快捷方式或系统文件的图标。这些ico图标包含了多种尺寸,以适应不同的显示需求,如小到16x16像素的低分辨率,大到...

    QQ2021Beta4新增6个图标介绍及其点亮方法.docx

    与前面两个游戏图标类似,它的点亮规则目前也未公开,建议您定期查看官方页面(http://xxz..com/)以获取更新。 6. **腾讯视频高级用户图标**:这个图标表明用户是腾讯视频的活跃用户。只需安装腾讯视频应用,并...

    常用的ico图标

    ico图标是一种特殊的图像格式,主要用于网站的favicon,即浏览器地址栏前面的小图标,也可以用于桌面应用程序的图标。这种格式能够包含多个尺寸和颜色深度的图像,以适应不同的显示环境。在网页设计和软件开发中,...

    漂亮 ICO,图标文件

    ICO文件是一种特殊的图像格式,主要用于网站的 favicon,也就是我们浏览器地址栏前面的小图标。它能够包含多种尺寸和颜色深度的图像,以便在不同设备和分辨率下都能呈现出清晰的效果。ICO文件的广泛使用使得用户能够...

    几个实用的WIN7系统桌面图标修复方法.docx

    1. 方法一:打开任何一个文件夹, 然后在地址栏输入%userprofile%appdatalocal后按回车键即可跳转到local目录,找到iconcache.db文件并删除,重启启动后即可重建图标缓存。 2. 方法二:桌面右键屏幕分辨率高级设置...

    各种ico图标资源,种类很多。

    ico图标是一种特殊的图像格式,主要用于网站的favicon,也就是浏览器地址栏前面的小图标,以及桌面快捷方式的图标。这种格式能够包含多个尺寸和颜色深度的图像,以适应不同的设备和显示需求。在本压缩包文件中,"19...

    让网站在浏览器网址前面显示小图标的方法

    大家在浏览很多网站的时候都会发现在浏览器的地址栏前面会有一个小图标,在浏览器的标签位置也有一个小图标,例如 Baidu 、腾讯等网站都有这样的图标。你的网站上想不想也增加一个这样的小图标呢?有了这个小图标你...

    世界之窗3.0.2.6论坛预览版

    增加了将停止、刷新按钮显示在地址栏前面的选项 - 状态栏右键菜单里可设置 增加了一些鼠标手势动作 - 添加到收藏夹、向上一层、用IE访问此地址、锁定解锁标签、保存媒体、切换到第一个标签、切换到最后一个标签 增加...

Global site tag (gtag.js) - Google Analytics