[第3天]favicon.ico 图标如何制作和设置?

来源:互联网 发布:淘宝可以延长收货几次 编辑:程序博客网 时间:2024/05/17 03:18

favicon.ico 这个东西本来是懒得去说了,今天打开博客,第一眼看到了浏览器上边的这个图标

ico标志

ico标志

明明是我的个人博客,弄个justhost主机的Ico标志,真是打心里不爽。赶快去给修改下,立马动手。本博客的域名"fordqiu.com",对,就这里”Fq"。然后百度一下“favicon.ico",立马出来了很多,就选百度搜出来的第一个网站:

制作ico图标 | 在线ico图标转换工具 方便制作favicon.ico ...

轻松制作ioc图标,在线提供ico图标转换工具,可以将jpg、jpeg、gif、p...."

就选这个站来先制作个ico标志再说了,我的博客背景是蓝色的,那就用蓝色来做背景颜色吧。可是我又不会ps,怎么办?

灵机一动,有了!下边请看如何操作:

先进入我博客后台,先说下啊,我博客是用wordpress搭建的,这个博客很流行的。做外贸更少不了,没事,慢慢的我会把这个wordpress怎么搭建博客告诉大家的。

继续...

我把博客的一个页面标题”关于本博客“修改为了”关于本博客Fq",请看:

这个是后台修改页面标题:

fq1

修改后前台效果:

fq2

是不是,背景+文字都制作成了。

那下来就更快了,直接用QQ截图工具,把“Fq"给截下来了。

这时图片的原材料已经有了。记好,图片要小点(不是尺寸大小,是占的字节数,比方kb),尽量低于3kb,还有截成正方形的图片。

然后,去刚刚搜到的在线制作ioc的网站,上传图片制作成ioc文件了。

下来就是怎么设置了,这里更简单了,然后,我用ftp进入网站空间,在根目录下找到favicon.ico,然后用刚才制作的图片给替换掉,现在看看效果:

fq3

看起来不是很好看,但是对于不会ps的我,我自己还算满意。

 

那如果后台空间没有favicon.ico这个文件呢?那就要查看是不是你网站当初制作时,没有设置这个属性,没关系,后边的博客中,我会写favicon.ico如何在html代码里添加的。

赶快成为第一个赞的人吧

本文标签: favicon.ico , ico制作

除非注明,文章均为FordQiu(外贸B2C)攻略原创,转载请保留链接:http://www.fordqiu.com/archives/35.html

关注微信账号:fordqiu 

0 0