1)先制作一个ico图标,直接百度搜ico图标在线制作,一般是32*32或者48*48大小就够了,如下图所示;
2)打开页面代码,一般是在header.php文件里,找到<head>标签,在<head></head>标签中插入如下内容:
<link href="/favicon.ico" rel="shortcut icon">3)将更新好的代码传到服务器上替换之前的文件,将制作好的ico图标也传上去,传至网站根目录下;
4)更新服务器缓存,刷新页面,ico图标就显示了。
方法/步骤找到已经安装的tomcat目录
打开tomcat目录,进入
D:\tomcat\apache-tomcat-7.0.50-1\webapps\ROOT
找到favicon.ico图标
将自己的小图标覆盖tomcat默认图标
重新启动你的服务器
访问你自己的网站,可以看见你设置的小图标
另一种形式是修改页面
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
其中 href 的值就是地址栏图标的路径,当然这个可以是相对的,也可是绝对的,现在的值表示这个图标文件在项目的根目录下,还可以改成下面这样
<link rel="shortcut icon" href="http://www.weather.com.cn/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格式的图片本身是不支持的。
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)