如何设置网站顶部的logo图标

我们平时浏览一个网站时可以看到页面顶部左侧都有一个logo

如何在自己的网站设置这样一个图标呢？

1.先准备好logo的图片，格式要png

2.把png图片转换成ico图标

http://www.bitbug.net

选择你的png图片，输入附加码，点击生成ico图标

3.我们找到下载好的文件位置，将其放到网站的根目录下

剪切到：和你的页面同位置

4.引入图标：

打开你的html页面，在head标签中引入该图标：

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

此时，在浏览器打开你的页面就可以看到啦！

如何设置网站顶部的logo图标相关推荐

如何修改网站标题和logo
以vue2项目为例修改网站标题找到 vue.config.js module.exports = defineConfig({chainWebpack: (config) => {confi ...
php网站标签加小图标,在htmltitle/title标签添加图标，网页title左边显示网页的logo图标...
如图在黑色所画圆之中显示一个图标: 步骤一:在图片中显示图标,这里的图片只支持ico格式,需要转换图片格式. 原始图像可以接受: .jpg .jpeg .gif .png等图像格式在这个网址http ...
Flutter设置App的应用名字和应用logo图标的方法（android ios web）
在前面的几期给大家介绍了flutter的安装以及一些简单的配置,还运行了helloword 那么接下来就带领大家了解如何设置应用名称以及图标 Flutter设置App的应用名字和应用logo图标的方法 ...
HTML设置网站标题前的logo
本文主要介绍在HTML网页中设置网站标题前的logo,主要分为两步: 一.将logo图片转换为ico格式: 在线转换网址:http://cn.faviconico.org/favicon 二.在< ...
在vue项目中设置网站图标
怎么在我们的Vue项目中设置自定义的网站图标: 首先我们需要先制作个ico图标,大小为32*32的,放到static文件夹下,附制作网站,我们把制作好的ico图片改名为:favicon.ico(注:必 ...
Hexo博客Next6.0版本主题配置（背景图片加载、侧边栏社交小图标设置、设置网站图标）
随机背景图片加载原理自动更换背景是修改添加背景的css样式实现图片来源 https://source.unsplash.com/ 修改背景样式修改themes\next\source\css\ ...
广告横幅logo图标在线制作网站源码引流必备
介绍: PHP广告横幅logo图标在线制作网站源码记得点击网站目录把防跨站攻击先关闭,这样就可以正常访问了,这款是有后台的但是不带数据库的,账号密码和内容信息可以在jason.php文件里进行修改替 ...
PHP在线横幅广告logo图标制作网站源码
简介: PHP广告横幅logo图标在线制作网站源码上传服务器站点目录即可,如果使用宝塔架设点击访问的时候提示找不到文件路径的时候, 记得点击网站目录把防跨站攻击先关闭,这样就可以正常访问了,这款是有 ...
vue项目中设置网站图标
怎么在vue项目中设置网站图标: 1,先下载个icon图标,favicon.ico,大小为32*32的,放到static文件夹下: static文件是vue项目中用来存放静态资源的文件夹,放到这里的文 ...

如何设置网站顶部的logo图标

1.先准备好logo的图片，格式要png

2.把png图片转换成ico图标

3.我们找到下载好的文件位置，将其放到网站的根目录下

4.引入图标：

如何设置网站顶部的logo图标相关推荐

最新文章

热门文章