欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!

网页favicon.ico问题图标出产教程和favicon打造软件IconWorkshop下载

网页中favicon.ico图标展示截图
网页中favicon.ico图标显露截图

打造favicon.ico需要两种软件发展,起首是Photoshop制造出GIF图标,再经由IconWorkshop软件导入PS做出的GIF图片,糊口即可制造出favicon.ico

如下为一样平常的favicon图标产顺叙,只管也概略应用另外更好软件打算漂白的favicon网页ico图标。

一、favicon.ico尺寸申请

首先favicon.ico图标尺寸是有要求,防御变形,一样平常Photoshop产GIF图标时刻,新建图层文件大小为16*16,RGB色调,背景透明。

Photoshop新建设置
新建Photoshop设置

二、在PS里计划好favicon.ico所需的素材后一样平常糊口GIF

PS图谋好16宽16高的图标文件,导出生计为GIF图标

导出gif图标
导出gif图标

三、IconWorkshop转换为ico缩减名的favicon图标

1、翻开IconWorkshop

IconWorkshop打开
IconWorkshop翻开

2、新建ico文件

新建windows 图标ico项目
新建windows 图标工程

配置新建ico文件后确定
配置新建ico文件后必然

遵循上图设置好ico新建项目标“色彩”、“像素大小”,点击“必定”。

3、新建好的工程导入PS设计GIF图标

导入设计GIF图像
导入意图GIF图像

导入GIF的图标后
导入GIF的图标后

4、生活生计项目便可

点击当前项目的“保存”图标
点击当前项目的“保存”图标

生活好后默许是ICO图标了,再将ICO图标定名为favicon.ico便可,上传到站点网页根目次里便可。

四、为甚么favicon.ico这样定名

因为web网页没有link标签设置引入默许ico时分,默认favicon.ico将作为网页题目ICO图标。

五、你大要网页中加favicon.ico引入

<link rel="shortcut icon" href="//www.css5.com.cn/favicon.ico"/>
在你的html网页中head标签内增加以上代码就可,网页掀开后图标将会是你整治的ICO小图标

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j52104.shtml