制作网站浏览器地址栏图标及网站图标实现教程
作者：funkey 来源：asp之家 发布时间：2010-03-23 09:14:00
有人也许会好奇，有的网址前面有个漂亮的小图标而且有的网站图标还会动，这是怎么做的呢？
那个小图标有个名字叫favicon.ico，网站图标虽小但可以起到很好的点缀作用，尤其是当浏览者将你的网站放入收藏夹之后，网站图标的作用就出来了，它可以使你的站点在众多网址中突出显示，对于用户体验起到很好的作用，好了，废话不多说，现在来告诉大家怎么做favicon.ico这个网站图标文件。
虽然现在有很多在线制作网站图标的网站，但制作出来的图标实在是差强人意，而且不支持透明样式的ico，这非常糟糕，而为一个小小的文件再装个专业的ico制作工具又有点浪费，其实用Photoshop就可以很方便的制作出漂亮的ico文件，我们知道Photoshop是无法保存ico格式的文件的。
怎么办呢，下载这个东东ICOFormat，下载以后将解压出来的文件拷贝到“C：\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\文件格式”这个文件夹中。
之后再保存的时候就会有ico这个选项了，这样不但可以制作透明样式的网站图标，而且制作出来的ico边缘非常光滑，比在线制作的精美很多。工具准备好了，开始制作。
挑一张喜欢的图片，调整成16×16大小，通过Photoshop保存为favicon.ico。注意，使用ICOFormat插件时，图片大小不能超过256×256，否则保存时还是看不到保存为ico的选项。
之后将制作好的favicon.ico上传到网站的根目录，如果是美国的空间，关闭浏览器后重新打开你的站点就可以看到网站图标了。
如果使用国内主机或者无法看到网站图标，请进行下面的操作
在之间加上
而动态的网站图标很简单，就是一张GIF动画，同样是16×16大小，上传到网站根目录后，在《head》《/head》之间加下面这一句即可。
加上下面的代码会让对方收藏夹中的ICO跟着改变。
到这里如果操作无误，你就会在自己的网址前面看到自己制作的小图标了，如果还是看不到的话，请保证操作正确，清空浏览器的缓存文件，刷新页面就可以看到了。至于动态的网站图标，用火狐访问这个网站就能看到
这里需要明确的是，在favicon.ico中，favicon是文件名，ico是扩展名，文件名是可以随意起的，但之所以叫favicon，是因为在国外的主机市场，大多数的主机如果发现根目录里有一个favicon.ico文件的话会自动将其定义为网站的图标，不用修改程序的源代码，我们只要将做好的网站图标文件保存为favicon.ico并上传到网站的根目录即可，很方便。但在国内的主机市场，目前很多还没有这个功能，只能通过修改源代码的方式将favicon.ico加上去。
地址：
http://www.chami.com/html-kit/services/favicon/
地址：
http://www.chami.com/html-kit/services/
Buddy Icon from Pics //把图片转换成ICO格式，还可制作PNG格式的背景图片
Image Embellisher //制作特殊效果的图片，比如立方体，Windows徽标那样的波浪
原文地址：http://www.ifunkey.com/1121.html 作者：funkey
0
投稿猜你喜欢
先看一下最终效果：原图：用钢笔勾出脸部，手部轮廓，变为选区，羽化1个像数，建立调整图层（色相/饱和度）用钢笔勾出唇形，变为选区，羽化1个像数- 先看一下最终效果：原图：1、打开原图素材，新建图层，用深蓝色填充，并更改图层模式为“排除”，如下图：2、创建色相/饱和度调整图层，参数及效果
- 先看一下最终图片的样子。如下图所示：步骤一：新建文档，大小是1280 x 1024，并新建一个图层，命名第一个图层为“混凝土”。步骤二：点击
- 请注意，本教程制作的效果很可能让大家无法接受。但是大家知道这个都是假的，但是从这点可以看出PhotoShop的强大功能。我喜欢看活死人影片，
- 前言：刚认识PS的时候，就看到了动作，但一直不知道是做什么用的。后来才制作，原来我们需要做重复的东西，动作就非常用的上，而且功能强大。我们还
- 本教程的调色是在多种颜色模式下完成。这也是一种比较好的调色思路。先在其他通道调出基本基调，然后再回到RGB模式下调整局部的颜色及细节即可。原
- Photoshop教程，制作简易人物游泳标志的一个小教程。效果图 制作方法很简单，如下：1、创建白色画布，并用文字工具输入英文大写
- "可选颜色"是Adobe Photoshop中的一条关于色彩调整的命令。但与色阶，色彩平衡和色相饱和度相比，就没有那么直
- 照片中则是日本豪斯登堡内的某一处，还挺有欧洲风格，虽然人在日本，但却有欧洲的感觉，其这与本次所要讨论的主题有异曲之妙，照片中则是仿欧洲风格与
- 完成的效果图 最终的效果图应该是这样的.开始– Ipad 框架 新建“850 X 850像素”的文件, 随便填充颜色. 在画布上选择“圆角矩
- 绚烂多彩的立体星星，红的，蓝的，黄的，紫的……那么，到底是怎样制作出来的呢?现在，就请大家随我一起，使用AI来学习一下吧~ 1.画出一个五
- 质感表现之硬币质感首先在新图层制作出硬币的纹饰部分。首先载入纹饰部分的选区，对“背景”图层执行“通过拷贝的图层”命令。添加图层样式，“斜面与
- 本教程简单介绍一些偏暗人物图片的美白方法。思路：先简单的给人物磨皮，然后复制图层修改图层混合模式，然后盖印图层，再适当的模糊图片并修改图层混
- 资源：星球：天空：背景：第一步：我们先创建一个600X750的画布，然后把背景放到图层最下面。第二步：用矩形选取工具，把背景图上方的一部分选
- 写在前面：水平有限，有不足或不实之处，请大家回帖指出。谢谢！ 先来看下最终效果： 素材：梨的钢笔分解图 一，建立路径 1，新建画布 2
- 昨天Photoshop产品经理John Nack发布的一条Photoshop CS3不能跑在Mac OS X 10.6“雪豹”系统中的消息震
- photoshop合成魅影女皇面部教程，主要以是普通照片美女与边框饰物合成：金色的脸谱，突出腐朽效果就更加理想。主要利用橡皮檫、通道等工具进
- 原始图片完成图一，打开原始图片，拷贝三个副本层。二，选取第一副本，PS模式设置成柔光，不透明度：15％三，选取第二个副本，模式：柔光，不透明
- 粗糙的质感往往都由一些不规则的形状来组成的，立体感的构成也是由视觉观察到的平整、凸起或凹陷等部分构成，本案例就是一个典型的粗糙质感案例，通过
- 简介：本例为PS初学者实例教程系列文章，本例主要讲解了修改模糊照片的几种常用方法，适合PS新手学习。祁老师：菜菜，今天怎么一脸郁闷的样子?菜
