网站在浏览器地址栏前面的小图标是怎么弄出来的?【东莞做网站公司】

NEWS

专业做网站公司【三行网络】
1016
发布时间: 2018.3.14

网站在浏览器地址栏前面的小图标是怎么弄出来的?

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

东莞网站设计制作,专业做网站公司【三行网络】专注于东莞工厂企业、贸易公司网站建设、独立站官网定制开发—— “匠心精琢、凝聚经典”是三行网络公司的设计理念，以技术为笔，以实力为墨—— 为工厂企业设计制作外贸官网，书写贸易新篇章！专注产品展示型网站开发——产品视图 | ✔ 沉浸式图文介绍 | ✔产品优势精准传递、实景展厅搬上网，硬核实力看得见！