返回顶部
首页 > 资讯 > 精选 >如何添加网站图标Icon
  • 552
分享到

如何添加网站图标Icon

2023-06-08 06:06:18 552人浏览 安东尼
摘要

这篇文章将为大家详细讲解有关如何添加网站图标Icon,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。第一步,准备一个图标制作软件。 首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ic

这篇文章将为大家详细讲解有关如何添加网站图标Icon,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

第一步,准备一个图标制作软件。
首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ico 作为扩展名。普通的图像设计软件无法使用这种格式,所以您需要到下载一个ico图标工具,本站常用软件既有,推荐强大的Microangelo,可以方便的制作ico图标.汉化修正版下载地址:Http://www.skycn.com/soft/2478.html
第二步,确定“收藏夹”图标的规格。
在收藏夹里出现的是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="myicon.ico">
注意:该图标的路径一定要使用绝对路径。
2、第二种方法:在首页HTML文件中,加入link命令,<link>是放在<head>与</head>之间
例如下面这样:
<HEAD>
<link rel = "Shortcut Icon" href=/favicon.ico>
</HEAD>
其中的href="/favicon.icon(只是一个例子,你只要将他替换成你的网址)将favicon.ico替换成你制作的ICO文件名即可
这样只有当网友把你的网站加到Internet Explorer的收藏夹中并重新打开Internet Explorer浏览器之后,你自行制作的图标才会显示出来。
常用方法:

代码如下:

<link rel="icon" href="/jb51.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="/jb51.ico" type="image/x-icon"/>

关于“如何添加网站图标Icon”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

--结束END--

本文标题: 如何添加网站图标Icon

本文链接: https://lsjlt.com/news/252448.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 如何添加网站图标Icon
    这篇文章将为大家详细讲解有关如何添加网站图标Icon,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。第一步,准备一个图标制作软件。 首先您必须了解所谓的图标(Icon)是一种特殊的图形文件格式,它是以.ic...
    99+
    2023-06-08
  • 如何解决layer图标icon不加载的问题
    这篇文章将为大家详细讲解有关如何解决layer图标icon不加载的问题,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。之前在项目中使用layer弹框感觉体验很好,这次的项目...
    99+
    2024-04-02
  • 给网站网址栏添加小图标的方法步骤
    本篇内容主要讲解“给网站网址栏添加小图标的方法步骤”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“给网站网址栏添加小图标的方法步骤”吧!  首先,准备一个ICO格式的文件。这个文件需要自己制作一下...
    99+
    2023-06-10
  • xfce桌面如何添加图标
    本篇内容介绍了“xfce桌面如何添加图标”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!xfce桌面添加图标的方法:首先把菜单快捷图标放在/u...
    99+
    2023-07-04
  • win8如何添加桌面图标
    要在Windows 8中添加桌面图标,可以按照以下步骤操作:1. 在Windows 8的开始屏幕上,右键点击空白区域。2. 在底部的...
    99+
    2023-08-28
    win8
  • 网站如何添加cdn控制
    网站添加cdn控制的方法:登录空间提供商平台。购买cdn加速服务。购买成功后,进入cdn加速管理。选择网站域名添加cdn加速服务。点击确定提交即可。...
    99+
    2024-04-02
  • HTML中如何给li标签添加图标
    这篇文章主要为大家展示了“HTML中如何给li标签添加图标”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML中如何给li标签添加图标”这篇文章吧。 &nb...
    99+
    2024-04-02
  • win11任务栏图标如何添加
    这篇文章主要介绍“win11任务栏图标如何添加”,在日常操作中,相信很多人在win11任务栏图标如何添加问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”win11任务栏图标如何添加”的疑惑有所帮助!接下来,请跟...
    99+
    2023-07-01
  • bootstrap中如何添加额外的图标
    这篇文章主要介绍bootstrap中如何添加额外的图标,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!说明可以针对校验状态为输入框添加额外的图标。只需设置相应的 .has-feedba...
    99+
    2024-04-02
  • JS中Input里如何添加小图标
    小编给大家分享一下JS中Input里如何添加小图标,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!方法一将小图标当做input的背...
    99+
    2024-04-02
  • win10如何添加我的电脑图标
    小编给大家分享一下win10如何添加我的电脑图标,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!win10添加“我的电脑”图标的方法:首先用鼠标右击电脑桌面空白处,...
    99+
    2023-06-14
  • win10系统如何添加桌面图标
    这篇文章主要为大家展示了“win10系统如何添加桌面图标”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“win10系统如何添加桌面图标”这篇文章吧。鼠标右键单击,选择“个性化”。在设置窗口中,点击...
    99+
    2023-06-28
  • Python中Matplotlib图像如何添加标签
    本篇内容介绍了“Python中Matplotlib图像如何添加标签”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!一、添加文本标签 plt.t...
    99+
    2023-07-06
  • 如何设置网站ico图标
    这篇文章主要介绍“如何设置网站ico图标”,在日常操作中,相信很多人在如何设置网站ico图标问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何设置网站ico图标”的疑惑有所帮助!接下来,请跟着小编一起来学习吧...
    99+
    2023-06-08
  • Android Studio 添加图标
    Android Studio 添加图标 一、添加系统资源图标二、添加app图标1、动手添加app图标2、自动添加app图标 一、添加系统资源图标 在 Android Studio 中,...
    99+
    2023-09-14
    android studio 图标
  • Android小程序中如何实现Icon图标
    这篇文章主要讲解了“Android小程序中如何实现Icon图标”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Android小程序中如何实现Icon图标”吧!小程序原生提供的Icon组件属性属...
    99+
    2023-06-25
  • 网站优化之如何添加外链
    这篇文章给大家分享的是有关网站优化之如何添加外链的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。网站优化过程中,影响关键字排名的有网站结构、网站内容、网站外链三大因素,在此,结合自...
    99+
    2024-04-02
  • windows edge浏览器如何添加网站
    今天小编给大家分享一下windows edge浏览器如何添加网站的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。edge浏览器...
    99+
    2023-07-01
  • win7如何添加虚拟网卡 win7添加网卡步骤图解
    添加步骤:1、进入设备管理器 2、点下一步3、继续下一步4、继续往下走p如果按照这个方法安装好后,右下角显示的小电脑图标上有感叹号,连接不上网, 那么你要手动设置IP地址就可以了,注意要设为同一网段就可以了 ...
    99+
    2023-06-01
    win7 虚拟网卡 win7添加网卡 添加 网卡 步骤
  • phpcms在地址栏中显示网站图标的方法(增加网站ico图标)
    phpcms如何在地址栏中显示网站的图标 首先找到网站的css文件,开始在里面修改。复制代码代码如下:<link rel="shortcut icon" href="MyImg.ico"><link r...
    99+
    2022-06-12
    phpcms 显示网站图标 网站ico图标
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作