在地址栏网址URL前面的小图标是怎么弄出来的?

发布时间：2017-06-16 23:12:42　　　点击量：8645

　　打开各大知名网站，您会发现网址前面都有有个漂亮的小图标。这个图标叫ico图标。这个需要设计师制作和程序人员添加这个小图标。是不是瞬间感觉网站高大上了呢？那么如何制作ico图标呢？

　　具体操作步骤这里讲述给大家。希望对您有帮助。

　　第一步：用photoshop软件制作一个32*32像素的小图标。这个图标一定保证简洁、清晰

　　第二步：制作好的图片保存好，然后用ICO在线转换工具把制作好的jpg格式的图片转换成.ico格式的图片。这个也是关键的一步。文件名字命名成【favicon.ico】

　　第三步：在页面源文件的<head></head>标签之间插入:<link rel="shortcut icon" href="favicon.ico"/> 该段最后形成: <head><link rel="shortcut icon" href="favicon.ico"/></head>

　　第四步：上传favicon.ico的文件到网站程序的根目录即可。

　　【注意事项】：

　　原始图像可以接受:.jpg .jpeg .gif .png等图像格式原始图像文件大小限制在小于500k建议制作一张400x400的jpg图像，然后等比缩小到你想转换的ico尺寸最后用本工具转换成ico图标格式. (当然你也可以直接把原始尺寸的图像通过ico制作工具直接转换，我拉网会自动将图片缩小到合适的ico图标尺寸，不过可能会在缩小的时候有所失真) 注：成功生成favicon.ico图像后,浏览器会自动弹出一个zip的压缩文件将压缩文件中的favicon.ico图像放在根目录下(也可以是其他目录)。