扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
方法一:
我们提供的服务有:成都网站建设、网站建设、微信公众号开发、网站优化、网站认证、桃江ssl等。为上1000+企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的桃江网站制作公司
直接在站点根目录下放入名为:favicon.ico 的图标文件(必须要为 ICO 文件,BMP 及其他格式的图片文件不行)。还有将 favicon.ico 中的 favicon 命名为你网站域名的名称也可以,例如:你网站的域名为:xll.com,你可以将该 ICO 文件命名为:xll.ico 。
方法二:
1. 在网页的 ... 区加入代码:,如果用这一种方法的话,其中 ICO 文件的文件名就不一定要用 favicon.ico了,可以用任意的名字来命名,如:aoul.ico,你甚至可以使每一个目录下的每一个网页文件的IE地址栏图标都不同,但前提是 必须做到图标文件的链接地址要正确。还有,在 ... 区加入代码:,就可以在收藏夹中显示你网页链接的自定义图标。
2. 在网站首页的源文件 之间插入下面的斜体部分代码 ……
3.动态ico图标的实现方法,先把做好的gif动态图标命名为favico.gif 之间加上。
1、将ico文件放在网站根目录
2、在网站页面中head标签内添加
link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /即可。
这是网站图标的格式,可以用一些在线的工具来制作比较方便快捷,比如这个在线的图标制作工具,就可以很轻松制作了,他可以选择不同的图标尺寸,以及不同用途的图标的类型,还能选择输出不同的图标格式,挺方便可以尝试。然后你要让程序猿把图标文件放到应用里面打包或者放到服务器某个路径下就可以显示了。在线ICO图标制作生成,图片转换ICO图标
图片转换ICO图标Pro版步骤
一、点击或者拖拽到上传框中,即可上传你要转换的图片,直接将新图片拖入上传框即可更换图片。目前已知支持jpg、png等多种常见的图片格式,如果上传图片并转换ico图标成功,则代表支持该格式。
二、此时预览框中会出现刚刚上传的图片,可以任意缩放拖拽裁剪框,选择你想要截取并转换ico图标的区域。在拖拽缩放裁剪框的过程中,左上方会有ico图标效果的实时预览。
三、选择需要生成的ico图标的尺寸,主要提供宽高为16、32、48、64、128、256、512的尺寸以供选择。通常的ico图标基本都是32、64或者128像素的。
四、选择生成的ICO图标的类型,默认为普通网站ICO图标,也就是可以在web应用中使用的ICO图标;也可以选择Windows系统桌面标准格式ICO图标类型,这种类型的ICO图标可以作为Windows桌面图标等。
五、选择生成的ICO图标的编码格式,默认为不透明背景,适用于非镂空图片生成ico,这种格式的ICO文件最小;透明背景的ICO图标,指的是将原本存在透明背景的图片生成背景透明的ICO图标,文件较大。
六、选择转换生成的ico图标的文件格式,默认的格式是.ico,并且有.jpg和.png格式可以选择。需要注意的是,ico图标一般都是背景镂空透明的图形,只有.ico和.png格式支持透明背景的图片,而.jpg格式的图片本身是不支持的。
zblog的网页图标一般位于主题文件夹下的images目录中,您可以尝试在这个目录下找到对应的qq图标文件。如果您找不到该文件,可以尝试在网页代码中搜索相关关键词,看看是哪个文件调用了该图标。
具体操作步骤如下:
登录zblog后台,进入主题设置页面。
在左侧导航栏中找到“自定义设置”或“编辑模板”等相关选项。
找到关于QQ图标的相关代码,一般位于作者模块或社交媒体模块中。可以尝试搜索“qq”、“icon-qq”等关键词,找到相关代码段。
在代码中找到图片文件的路径,一般是类似于“images/icon-qq.png”这样的路径。根据路径,到主题文件夹下的images目录中查找对应的图片文件。
如果您仍然无法找到对应的文件,可以尝试在zblog官网或相关技术论坛上搜索相关问题,或者联系主题作者或zblog技术支持人员获取帮助。
只要您拥有一张jpg,gif,png的图片就可以在线转换为ico;
或者先用PS等图像处理软件将图片弄成想要的样子,也就是周围是透明的,然后存为“PNG”格式
下载个软件axialisiconworkshop,很好用的。
打开这个软件,文件—打开,打开那张png格式的图片,然后正中间图片上面第一个工具(是个“I”的形状,把鼠标放上去,写着“从图像创建WINDOWS图标)点击后出现三个选项“其他图像格式,确定,取消)选择确定,然后保存ctrl+s就行了~
关于ICO站标的制作方法:
ICO站标是什么?
ICO是Icon file的缩写,是Windows图标文件格式的一种,可以存储单个图案、多尺寸、多色板的图标文件。ICO站标就是基于这个意义上建立起来的一种网站UEO应用模式。
右侧效果图→(炫酷网站长论坛):
第一步、制作一张你自己觉得合适的图片(当然也可以去网上下载),这张图片就是将来你的网站ICO站标的雏形,图片的初始大小、格式没有要求。
第二步、根据上面的图片制作ICO格式的站标图片,网络上有很多在线生成ICO站标的网站,我们通过百度直接搜索“ICO站标制作”,就可以找到了。将上面选定的图片导入“原始图像”,“目标尺寸”选择16*16,点击生成,简单搞定!
第三步、将第二步中制作好的ICO文件命名为“favicon.ico”,一般情况下上述ICO制作网站生成的文件会自动帮助默认命名。
第四步、将“favicon.ico”文件上传至站点FTP根目录(不推荐其他目录),然后在首页文件的head/head标签内加上一段ICO站标代码,代码案例如下:
link rel=shortcut icon href= /,
实际操作中请将换成你的域名即可,
大家也可以参看一下炫酷网站长论坛首页的源代码!如下图中的涂黑区域↓↓↓(点击图片放大)如果是博客程序的话,还需要更改其余的几个模板文件,代码放置区域同上。
关于博客程序的模板文件问题可以参考这篇文章:[zblog模板文件详细说明] ,
第五步、有静态化设置的站点需要将首页、内页等重新生成一下,博客程序的就文件重建一下,OK!
以上就是ICO站标的制作方法。
Ps:目前的浏览器很多都可以自动识别根目录下的“favicon.ico”文件(这也是为什么前面推荐根目录的原因),也许不用加代码就可以实现ICO站标效果,只不过这样不符合W3C推荐的规范而已,事实上很多大站都为此专门写一行代码,所以也建议站长们从基础做起。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流