给⾃⼰的⽹页制作⼀个⽹页图标
昨天我在做⼀个⽤Node.js搭建⼀个简单服务器的练习时，遇到了⼀个问题，就是前端的⽹页在向后端做数据请求时，除了我们⽤户所做的基本请求以外，浏览器⼀般会默认⾃带的向服务器发送另外⼀个请求，也就是我们熟知的"/favicon.ico"请求,⼀般像这样:
我们都知道，这个请求是浏览器向服务器⾃带发出的⽹页图标请求，所谓的⽹页图标，就是像这些东西:
⽽我们⾃⼰写的⽹页⼀般都没有这个⽹页图标，所以经常会请求失败，这个请求失败不会影响⽹页的加载，但会在每次访问⽹页时，后端Node.js 的命令⾏⾥会提⽰⼀个"error!"，有时还会在⼀些特殊情况下影响后端代码运⾏，所以我们通常会有⼏种⽅法来阻⽌这种情况发⽣,⽐如
⽅法⼀：在服务器运⾏代码主体中添加⼀个if条件语句，像这样:
如何制作一个个人网页
就能阻⽌后端接受图标请求;
⽅法⼆：在前端⽹页代码的中引⼊⼀个空的图标地址，像这样:
代码附在这⾥:<link rel="icon" href="data:;base64,=">，当然呢，还是有很多其他⽅法来屏蔽的…
原本的我就是打算屏蔽掉"/favicon.ico"请求的，但不知怎的就诞⽣出⼀个想法，为何不给⾃⼰搞⼀个专属于⾃⼰的⽹页图标呢?虽然好像对学习写代码帮助不⼤，但偶尔⼩⼩的装个逼想想还是蛮酷的，再说万⼀某⼀天这种平时没什么⽤的⼩东西还能派上⼤⽤场呢，正所谓,⾏⾛江湖，技多不压⾝嘛，以下就给⼤家奉上制作过程，相当简单，看⼀遍就会的那种:
需要软件: PS
这个我想⼤家都会有的吧，来，接下来让我们开始:
1).⾸先，打开我们的PS，点击左上⾓"⽂件"，再点击"新建";
2).然后我们设定⼀下画布;
名称⾃⼰定义，长宽我定的是100×100px，背景也可以选，我定的是⽩⾊，配置好后点击确定;
3).接下来就是你的随意施展时间了，在这块画布上尽情释放你的艺术天分吧;
4).艺术创作结束后，只要保存就好了，继续点击左上⾓"⽂件"，然后再点击"存储为";
5).选择好存储地址，配置好⽂件名与⽂件格式，其他不⽤做修改，点击保存;
6).默认就是第⼀个，直接点击"OK";
7).如果在保存时没有将图⽚保存到⾃⼰的项⽬⽂件夹中的话，这⼀步就需要将制作好的图标⽂件挪到⾃⼰的项⽬⽂件夹中，否则浏览器可能会获取不到;
8).最后⼀步，引⼊图标⽂件，在html代码中引⼊⾃⼰制作的图标⽂件:
这⾥的路径填写上⼀步图标⽂件放置的路径即可;
OK，到这⾥就结束了，你的专属⽹页图标就这样出炉了，相当简单有没有?
⼩本领喜+1，红红⽕⽕恍恍惚惚…

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。