如何将网页的title前面的图标替换成自己公司的图标

简介: 如何将网页的title前面的图标替换成自己公司的图标

步骤1:

首先要准备自己的图标(logo),图标是什么格式无所谓,但是要显示在页面title前面的图标必须是.ico格式的图片,这就需要将自己的图标或者Logo转换成为.ico格式的图片,网上有很多在线工具可以将自己的图片转换成ico格式的图片,这里列两个制作网站:

在线ico转换工具:生成的图标是可以选尺寸的,原图片的大小不限制

http://www.bitbug.net/   生成的图标背景是图片的背景,图片如果为透明背景,那么生成的ico图标也是透明的。

http://www.uupoop.com/ico/?action=make   如果自己的原图片背景是透明的,则生成的ico是带黑色背景的,如果自己的图片有背景,就会生成带自己图片背景的图标。

步骤2:

将生成的ico图标放在自己的项目文件中,在header标签中,引用一下,比如:

<link href="/自己的ico文件名.ico" rel="shortcut icon"/>

例如:<link href="/favicon.ico" rel="shortcut icon"/>

注意:link引入的写法还有要求,自测了一下,总共有以下几种写法:

1、<link rel="shortcut icon" href="../icon/favicon.ico">

2、<link rel="SHORTCUT ICON" href="../icon/favicon.ico">

3、<link rel="icon" href="../icon/favicon.ico">

4、<link rel="Shortcut Icon" href="../icon/favicon.ico">

 

完结!

 

相关文章
|
JSON JavaScript 定位技术
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
vue中使用echarts实现省市地图绘制,根据数据显示省市天气图标及温度信息
1630 1
|
前端开发
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
若依(ruoyi)前端Vue3 Element Plus Vite版样式修改
2765 0
|
机器学习/深度学习 算法
【MATLAB】PSO粒子群优化BiLSTM(PSO_BiLSTM)的时间序列预测
【MATLAB】PSO粒子群优化BiLSTM(PSO_BiLSTM)的时间序列预测
439 5
|
存储 关系型数据库 MySQL
MySQL引擎对决:深入解析MyISAM和InnoDB的区别
MySQL引擎对决:深入解析MyISAM和InnoDB的区别
2609 0
|
12月前
|
人工智能 搜索推荐
PersonaMagic:人像与风格融合!快速生成个性化的头像
PersonaMagic 是一种创新的高保真人脸定制技术,通过阶段调节的文本条件策略和动态嵌入学习,能够根据单张图像生成个性化角色,广泛应用于娱乐、游戏、影视等领域。
271 25
PersonaMagic:人像与风格融合!快速生成个性化的头像
|
SQL 算法 关系型数据库
面试:什么是死锁,如何避免或解决死锁;MySQL中的死锁现象,MySQL死锁如何解决
面试:什么是死锁,死锁产生的四个必要条件,如何避免或解决死锁;数据库锁,锁分类,控制事务;MySQL中的死锁现象,MySQL死锁如何解决
|
11月前
|
人工智能 监控 数据安全/隐私保护
AI视频监控在大型商场的隐私保护技术
为保障隐私合规,商场采取数据加密与匿名化处理,防止敏感信息泄露;同时通过透明性声明和合法授权,确保顾客知情并同意监控措施。技术手段包括加密算法保护、去除身份识别细节,并在显眼位置张贴隐私政策,采用电子屏幕、语音提示或二维码获取顾客同意,确保监控行为合法合规。
375 0
|
Java 关系型数据库 数据库连接
SpringBoot项目使用yml文件链接数据库异常
【10月更文挑战第3天】Spring Boot项目中数据库连接问题可能源于配置错误或依赖缺失。YAML配置文件的格式不正确,如缩进错误,会导致解析失败;而数据库驱动不匹配、连接字符串或认证信息错误同样引发连接异常。解决方法包括检查并修正YAML格式,确认配置属性无误,以及添加正确的数据库驱动依赖。利用日志记录和异常信息分析可辅助问题排查。
1295 11
|
数据采集 人工智能 算法
视觉语言模型导论:这篇论文能成为你进军VLM的第一步
【6月更文挑战第20天】探索AI如何理解与生成图像和文本,VLM结合图像与文本映射,涉及图像描述、问答等任务。论文由多所名校和机构研究人员共创,介绍VLM历史、类型(对比学习、掩码、生成、预训练)及应用,如图像生成和问答。同时,讨论数据质量、计算资源和模型可解释性的挑战。[阅读更多](https://arxiv.org/pdf/2405.17247)
740 2
|
Java 关系型数据库 MySQL
实时计算 Flink版产品使用问题之如何实现MySQL数据库之间的实时同步
实时计算Flink版作为一种强大的流处理和批处理统一的计算框架,广泛应用于各种需要实时数据处理和分析的场景。实时计算Flink版通常结合SQL接口、DataStream API、以及与上下游数据源和存储系统的丰富连接器,提供了一套全面的解决方案,以应对各种实时计算需求。其低延迟、高吞吐、容错性强的特点,使其成为众多企业和组织实时数据处理首选的技术平台。以下是实时计算Flink版的一些典型使用合集。