`
liuyanhui
  • 浏览: 37641 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
最近访客 更多访客>>
社区版块
存档分类
最新评论

怎么样使浏览器出现自己的图标

    博客分类:
  • HTML
阅读更多
第一步,准备一个图标制作软件。

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


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

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


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

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


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


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




<linkrel="bookmark"href="favicon.ico">

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


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

IE地址栏前换成自己的图标
<link rel=Shortcut Icon href=favicon.ico>

可以在收藏夹中显示出你的图标

<link rel=Bookmark href=favicon.ico>说明:制作方法和上面的一样。只是显示的方式不同,这个是在别人收藏你的网页地址时显示的个性图标。
分享到:
评论

相关推荐

    搜狗浏览器动态图标

    【搜狗浏览器动态图标】是搜狗公司推出的一款创新特性,它将传统的静态浏览器图标转变为具有动态效果的视觉元素,为用户带来更为生动且个性化的桌面体验。动态图标不仅仅是一种美观的设计,它还可能包含一些实用功能...

    浏览器 图标总汇 ico + png

    浏览器图标是用户与互联网世界互动时最直观的视觉标识,它们代表了各种不同的浏览器软件,如Chrome、Firefox、Safari、Edge等。这些图标通常以两种格式存在:ICO和PNG。 ICO是一种图标文件格式,主要在Windows操作...

    [VS2010开发环境]类视图和对象浏览器中图标的含义

    类视图和对象浏览器中图标的含义 在Visual Studio 2010(VS2010)开发环境中,类视图和对象浏览器是两个非常重要的工具,它们帮助开发者更好地理解和管理项目中的类、对象、方法、属性和字段等要素。在这两个工具中...

    Android手机app百度浏览器所有小图标素材

    本资源包“Android手机app百度浏览器所有小图标素材”正是针对这一需求,提供了用于Android百度浏览器应用的一系列小图标。这些图标包括前进、后退、主页(Home)、刷新和下载等常用功能的图形表示。 1. 前进与后退...

    vs类视图和对象浏览器图标含义

    ### VS 类视图和对象浏览器图标含义详解 #### 引言 Visual Studio(VS)作为一款功能强大的集成开发环境(IDE),提供了丰富的工具帮助开发者更好地理解、管理和编写代码。其中,“类视图”和“对象浏览器”是两个...

    开启搜狗浏览器动态图标补丁

    开启搜狗浏览器动态图标补丁,可以看到搜狗浏览器的会转的图标。

    制作浏览器需要的图标

    在开发一个浏览器时,图标是用户界面不可或缺的一部分,它们提供了直观的视觉指示,帮助用户快速理解和操作各种功能。"制作浏览器需要的图标"这个主题涵盖了设计、格式和用途等多个方面,下面将详细介绍这些知识点。...

    手机应用* UC浏览器图标(IE图标)需签补丁

    更改手机UC浏览器IE图标补丁,让你摆脱狐狸地球的图标 让待机画面更简洁、彰显个性。

    五个原生浏览器图标

    标题中的“五个原生浏览器图标”指的是五款常见的、由官方开发并预装在操作系统中的网络浏览器,它们可能包括但不限于Microsoft Edge(微软的最新浏览器),Google Chrome(谷歌的旗舰浏览器),Firefox(Mozilla的...

    jQuery跨浏览器控制图标旋转代码.zip

    《jQuery跨浏览器控制图标旋转代码》 在网页开发中,我们常常需要实现各种动态效果,其中图标旋转就是一种常见的交互设计。jQuery库以其强大的DOM操作和事件处理能力,深受开发者喜爱,而“jQuery跨浏览器控制图标...

    网站浏览器导航图标favicon.ico

    网站浏览器导航图标,通常被称为"Favicon",是一个网站在浏览器标签页、历史记录、书签等位置显示的小图标。这个小图标是网站品牌形象的重要组成部分,它可以帮助用户快速识别和区分不同的网页。在“网站浏览器导航...

    IE9浏览器小图标变大图标的解决办法

    ### IE9浏览器小图标变大图标的解决办法 在日常使用IE9浏览器的过程中,部分用户可能会遇到这样一个问题:浏览器中的小图标(例如地址栏、标签页等处的图标)突然变大,这不仅影响美观,也可能导致操作不便。本文将...

    常用浏览器图标

    在压缩包中提到的“浏览器图标.ai”文件,很可能是Adobe Illustrator的源文件格式,用于存储矢量图形,如这些浏览器的图标。设计师可能使用AI来创建、编辑和优化这些图标的细节,确保它们在各种尺寸下都能保持清晰。...

    各款浏览器图标png和gif两种格式

    在IT领域,浏览器图标是用户界面中的重要元素,它们代表了不同的网络浏览器,便于用户识别和选择。本压缩包文件包含各种浏览器的图标,这些图标分别以PNG和GIF两种图像格式提供,满足了不同场景下的使用需求。下面将...

    在web项目地址(浏览器上)前加图标

    通过以上步骤,你可以轻松地为自己的Web项目添加一个独特的图标,提升品牌形象的同时也能给用户提供更好的视觉体验。需要注意的是,虽然这里介绍的是使用`.ico`格式,但在实际应用中,根据不同的需求和场景,也可以...

    在浏览器地址栏左边添加网站logo图标

    ### 在浏览器地址栏左边添加网站logo图标 #### 知识点概述 在现代网页开发中,网站logo不仅能够提升品牌形象,还能增强用户识别度。通过简单的HTML代码设置,可以在浏览器地址栏左侧添加自定义的logo图标(通常为....

    tomcat如何改变浏览器连接处的图标

    如何将tomcat图标换成自己的 IE7中每个页面都有一个自己的图标,如果不自己制定的话,会变成tomcat的小猫咪。下面说一下怎么改掉这个小猫

    制作浏览器地址icon图标

    通过以上步骤,你已经掌握了如何为自己的网站制作和添加浏览器地址icon图标。这不仅能提升网站的专业形象,还能在用户浏览时提供更好的视觉识别效果。如果你想要进一步优化用户体验,还可以考虑引入PWA(渐进式网络...

    更改浏览器中服务器的图标(以tomcat为例子)

    更改浏览器中服务器的图标(以tomcat为例子) 在Web开发中,服务器的图标是一个很重要的细节,它可以体现出网站的个性和专业性。默认情况下,Tomcat服务器使用的图标是一个简单的Tomcat图标,但是在实际项目中,...

    浏览器图标

    浏览器图标,通常以.ico文件格式存在,是网页和应用程序在用户界面中的一种重要标识。它不仅代表了网站或应用的品牌形象,还为用户提供了一个快速识别和记忆的视觉符号。.ico文件是一种特殊的图像格式,它可以包含...

Global site tag (gtag.js) - Google Analytics