收藏夹图标制作图解教程

收藏夹图标制作图解教程

1.打开photoshop7.0,新建16x16像素文件(图1)(图11)或32x32像素(图2)(图10),这取决于你所需要的图标画质;

2.画出您想要的图标(略)...

3.保存为.PNG格式(图3)或.GIF格式,这两种格式都可以转为.ico格式;

 

4.打开IE,在地址栏输入 http://www.html-kit.com/favicon/(图4);

5.在Source Image:栏点击"浏览"按钮(图5),选择刚才制作好的.PNG或.GIF文件,然后点击"Generate FavIcon.ico"按钮;

6.等待数秒的转换时间,IE出现如(图6)预览效果页面;

7.点击"Download FavIcon"按钮,选择保存位置后,点击"保存"按钮;

8.下载完毕后,得到一个ZIP压缩包,解压后找到名称为favicon.ico文件,这就是您转换成功的收藏夹图标文件;

9.将favicon.ico文件传到您网站的根目录下(一定要保证是根目录,否则无效);

10.查看效果:地址栏(图7),收藏夹(图8),文件图标(图9);

 

备注:如果您制作收藏夹图标在多台电脑上均无效果显示,

请尝试在网站模版的<head>与</head>之间加入一段代码<link rel="shortcut icon" href="http://www.fz10000.com/favicon.ico">

然后访问网站,就出来了

你可能感兴趣的:(收藏夹图标制作图解教程)