`
zhkac
  • 浏览: 54311 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

制作浏览器地址icon图标

阅读更多

第一步,准备一个图标制作软件。 首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要下载一个ico图标工具,常用软件有Microangelo,可以方便的制作ico图标。

第二步,确定“收藏夹”图标的规格。在收藏夹里出现的是16*16;所使用的颜色最好成绩不要超过16色。(为了清晰),如果你不清楚可以在C盘查找*.ico格式的图标,应该能在IE缓存里找到那些网站的图标,你可以打开这些图标就可以知道该用什么格式的了,跟人家的一样就行。

第三步,设计一个属于您自己的图标。你可以将您的网站的LOGO做成一个缩图或者另外设计一个别具特色的图案来作为“收藏夹”图标。总之,它一定要是属于您自己的,并且能很好的代表您的网站的风格和个性。然后将这个图标文件命名为:favicon.ico(注意,需要命名为这个文件名方可)。可以制作的醒目些。例如用一个本机上的图标文件改一下吧。从本机上搜索一个文件,复制到桌面。用Microangelo打开,修改成16*16,使用256色吧,另存为 favicon.ico。最后,只需要将这个图标文件(favicon.ico)上传到您的网站所在的服务器的根目录下。(也就是你的主页index.html所在的那个文件夹) 您不需要对您的网页文件作任何的修改,IE5会自动的不停的搜索您的网站的根目录,只要它一发现了favicon.ico 这个文件,就会将该图标显示在访问者的地址栏和收藏夹列表中了。如果您希望为不同的页面设置不同的“收藏夹”图标,那么您就需要在该网页文件的HEAD部分加入下面的内容: <link rel = "Shortcut Icon" href=http://www.uncco.com/favicon.ico>

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

第二种方法:在首页HTML文件中,加入link命令<link rel = "Shortcut Icon" href=http://www.uncco.com/favicon.ico> ,是放在<HEAD>

</HEAD> 与之间 例如下面这样:其中的href="http://www.uncco.com/favicon.ico(只是一个例子,你只要将他替换成你的网址)将 favicon.ico替换成你制作的ICO文件名即可 这样只有当网友把你的网站加到Internet Explorer的收藏夹中并重新打开Internet Explorer浏览器之后,你自行制作的图标才会显示出来。

分享到:
评论

相关推荐

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

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

    浏览器 图标总汇 ico + png

    在Web开发中,ICO文件常用于网站的favicon,即浏览器地址栏上的小图标,帮助用户快速识别和区分不同的网站。 PNG,全称Portable Network Graphics,是一种无损压缩的位图格式,支持透明度和索引色。相比于ICO,PNG...

    icon图标合集.rar

    《icon图标合集》是一个包含了丰富图标资源的压缩文件,主要以icon格式为主,同时也包含少量其他格式的图标。这个合集的特点在于它提供了一些非Windows操作系统和开发工具默认自带的图标,为用户的设计工作提供了更...

    系统icon小图标

    Icon小图标的制作通常涉及以下几个关键知识点: 1. 图标格式:常见的图标格式有ICO、PNG、SVG等。ICO是Windows系统的标准图标格式,可以包含多个尺寸和颜色深度的图像。PNG支持透明效果,适合网页和应用程序。SVG是...

    五个原生浏览器图标

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

    mtee_icon图标制作器

    【mtee_icon图标制作器】是一款专为网页图标设计打造的便捷工具,它允许用户快速地将图像转换为.ico格式,适用于网站头部的favicon或者其他需要图标的地方。在网页设计中,图标扮演着至关重要的角色,它们是用户...

    电脑ICON图标,精美图标下载

    电脑ICON图标,特别是针对网吧环境设计的图标,旨在提供清晰、吸引人的视觉标识,以增强用户体验并提升场所的整体形象。本文将深入探讨电脑图标的设计原则、类型、制作工具以及如何在网吧环境中有效运用。 1. 设计...

    浏览器地址栏中显示自定义小图标

    **浏览器地址栏中显示自定义小图标** **什么是Favicon?** Favicon,全称Favorites Icon,是一个专门设计用于浏览器的特殊图标。它的主要功能是在浏览器的收藏夹、地址栏以及标签页上显示一个代表网站身份的小图标...

    16x16icon小图标

    - **浏览器地址栏**:一些网站会使用16x16的小图标作为Favicon,显示在浏览器标签页上。 - **软件应用**:许多桌面应用的菜单项、工具栏按钮等会采用这种尺寸的图标。 - **命令行工具**:在命令行界面中,小图标...

    图标icon大全

    小图标适用于菜单、任务栏或系统托盘,中等图标常用于桌面和文件浏览器,而大图标则用于高分辨率显示或需要更多细节的场景。 2. 图标格式:常见的图标格式有ICO、PNG、SVG等。ICO是Windows系统的标准图标格式,可...

    常用图标(ICON)资源大全1

    在程序或网站的favicon中,ICO文件尤其常见,它会出现在浏览器地址栏、书签以及桌面快捷方式上。 2. BMP:BMP是位图图像文件格式,通常包含未经压缩的像素数据。虽然不是图标文件的标准格式,但某些图标设计可能以...

    ico图标制作.zip

    ICO文件是Windows操作系统识别的特定类型,它可以包含多个大小和分辨率的图像,以适应不同的显示需求,如桌面图标、浏览器地址栏的favicon等。 制作ICO图标的过程通常包括以下几个步骤: 1. **选择图像源**:首先...

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

    在“jQuery跨浏览器控制图标旋转代码.zip”这个压缩包中,包含的是一段利用jQuery实现的代码,旨在解决在不同浏览器间实现图标旋转效果的兼容性问题。下面我们将详细探讨这一主题,包括涉及的前端技术、CSS3旋转、...

    ICON 漂亮圖標PNG 48x48

    在UI设计和图标制作中,这种尺寸常用于创建适合不同平台的小型图标,如桌面快捷方式、应用菜单图标等。 PNG格式的特点主要包括: 1. **透明度支持**:PNG支持256级半透明(也称为阿尔法通道),允许图像具有不规则...

    105个 png icon应用图标

    PNG图标,即以PNG格式制作的应用程序图标,具有透明背景、高质量和跨平台兼容性的特点。本资源包含105个PNG图标,它们可能是用于各种应用程序、网站或者操作系统中的图形元素,旨在提供清晰、直观的用户界面指示。 ...

    网页浏览器桌面图标下载

    在本文中,我们将深入探讨网页浏览器桌面图标的制作、用途、格式以及如何下载和自定义它们。 首先,我们要理解图标的基本概念。图标(Icon)是一种小型的图像文件,通常用于表示程序、文件或系统对象。在Windows...

    ICO制作软件——制作自己的ICO图标

    ICO制作软件是用于创建、编辑和转换ICO图标的工具,这种图标主要用于网站的favicon,即浏览器地址栏前的小图标。本文将深入探讨ICO图标的基本概念、制作过程以及使用"AWicons"这类软件进行ICO图标转换的方法。 ICO...

    为网站设置icon图标用于显示在浏览器标签页最左侧

    在讨论网站图标(icon)时,我们通常指的是一个小型的图像文件,它出现在浏览器的地址栏以及浏览器标签页的最左侧。这种图标被称作favicon(favorite icon的缩写),它的主要作用是增强品牌识别度,让用户即使在有多...

    360图标360图标360图标

    在IT行业中,图标(Icon)扮演着至关重要的角色,尤其对于360公司这样专注于安全软件和服务的企业来说。360图标通常代表360安全卫士、360浏览器、360杀毒等产品,这些图标是用户界面的重要组成部分,通过视觉设计...

Global site tag (gtag.js) - Google Analytics