首页 > 其他分享 >网站怎么添加ico浏览器小图标

网站怎么添加ico浏览器小图标

时间:2023-10-23 10:12:29浏览次数:26  
标签:浏览器 网站 ico 图标 小图标 图片

ico图标是作为浏览器首段图标显示,还可以在收藏夹内收藏内容的前段显示小图标。一个好的ico网站图标,在用户浏览中也起到很大的作用,不仅能展示品牌,还会给人一种大气、正式的感觉,用户体验较好。如下图:

 

 

1、要想给网站添加图标,我们首先需要准备一张ico图片。这个图标我们可以自己设计,也可以在网上找。它的尺寸一般为16x16或者32x32,48×48。

2、我们把图片命名为favicon.ico,记住后缀一定要是ico。然后我们把图片上传到网站根目录。

3、我们在网站首页中如下插入代码。

<link rel="shortcuticon"href="/favicon.ico"/>

  一定要插入head中。

 

 

可以百度下在线ico工具,把图片转化成ico格式。
————————————————

 

标签:浏览器,网站,ico,图标,小图标,图片
From: https://www.cnblogs.com/motoshare/p/17781781.html

相关文章

  • 浏览器输入url到网页展示过程
    总图:1.解析URL​ 浏览器的第一步工作是解析url,从而生成发送给web服务器的请求信息。​ URL组成如图:如果上图中表示数据的源的路径名为空呢?这时浏览器会默认访问根目录下的/index.html或者/default.html文件,当对URL解析完成后,浏览器就会开始构造HTTP请求消息2.DNS查询​ ......
  • 401 Kubernetes网络 (Pod Service Calico Flannel) 4.1-4.4
    一、Pod网络在K8S集群里,多个节点上的Pod相互通信,要通过网络插件完成,比如Calico网络插件。使用kubeadm初始化K8S集群时,需要指定一个参数--pod--network-cidr=10.18.0.0/16它用来定义Pod的网段。配置Calico的时候,也要定义CALICO_IPV4POOL_CIDR的参数,它的值也是Pod的网络。容器网......
  • Pytorch深度学习环境配置 | NVIDIA-driver + Pytorch + miniconda
    本贴为实战,看理论请移步【地表最强】深度学习环境配置攻略|【nvidia-driver】,【cudatoolkit】,【cudnn】,【pytorch】为了验证我的环境配置方法没有问题,我特意租了两小时云服务器来从0配置环境。云服务器厂家:Ucloudubuntu22.043090*21.装NVIDIA-driver参考:http......
  • 谷歌黑框、谷歌浏览器黑边
    Windows11谷歌浏览器黑边问题完美解决问题图片:一、开始解决:桌面图标右键点击属性 二丶兼容性点击更改所有用户的设置三丶取消设置取消选中——以兼容模式运行这个程序 四丶完美解决 启发文章在此......
  • Dicom Viewer
    小赛看看DICOMViewer罗万PACSSanteDICOMViewerPro RadiAntDICOMViewer ......
  • selenium无头浏览器,禁用图片,禁用js,切换UA,反爬
    fromseleniumimportwebdriverfromfake_useragentimportUserAgentua=UserAgent().randomoptions=webdriver.ChromeOptions()options.add_argument('--no-sandbox')#停用沙箱options.add_argument('--disable-gpu')#禁用GPU实现加速options.ad......
  • Python3+selenium3+Firefox 设置浏览器headless模式运行+下载文件
    设置Firefoxheadless模式   defsetUp(self):#Firefoxheadless模式运行options=webdriver.FirefoxOptions()options.add_argument('-headless')self.driver=webdriver.Firefox(options=options)self.driver.implicitly_wait(30)......
  • 把您的 PCB 艺术品带来 KiCon 吧:SAO Hat 作品招募中
    “ 每位工程师都是艺术家;每次会议都应该有属于自己的徽章。让您的作品在KiConAsia闪亮! ” 图片引用自HACKADAY 2023KiConAsia报名通道已经开启,名额有限。想参与的小伙伴可在活动行搜索“KiCon”报名:作为KiCad在亚洲地区的首次会议,来自不同国家的KiCad用户/......
  • selenium设置火狐浏览器为headless(无头模式)
    selenium已经停止了对PhantomJS的支持,只能调用Firefox或者Chrome浏览的无头模式(即没有浏览器界面)。使用步骤:安装Firefox浏览器firefox历年版本安装包的官方镜像地址:https://download-installer.cdn.mozilla.net/pub/firefox/releases/安装geckodriver驱动(1)下载geckodriver火狐所......
  • Firefox 火狐浏览器 添加自定义搜索引擎 并屏蔽特定网站
    火狐浏览器添加自定义搜索引擎并屏蔽特定网站记录一下火狐浏览器(Firefox)添加自定义搜索引擎,并屏蔽特定网站的两种操作(注:本文用XXXX代替真实网站)。搜索引擎搜索时,有很多重复且无用的结果,部分有用的信息也需要登录关注才能看。这些内容大部分源于某些个网站,占据了大部分搜索结果......