售前咨询 售后咨询
当前位置: 上海网站设计 > 建站知识 > 行业新闻

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

网站编辑:小润 | 发表时间:2019-01-17 22:43:56

打开各大知名网站,您会发现网址前面都有有个漂亮的小图标。这个图标叫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图像放在根目录下(也可以是其他目录)。

关键字:
官方微信
上海市长宁区宣化路300号华宁国际广场中区7层
+021-8031 0607
+135 8590 1130