给自己的网站制作一个favicon.ico图标的实现方法

ico图标是网站的头像，在打开网站的时候出现在IE的地址栏里，目前大多数浏览器都支持，最常用的IE6.0则显示加入本地收藏夹网站的ICO图像：

绝大多数网站可以没有ICO头像,但如果做为一个一流的网站,没有ICO头像是很难令人信服的.就好象一个人穿了一身正装但却没有打领结一样冒失.

以下是一些名站的头像：

Google
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

百度
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

新浪
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

新华网
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

QQ
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

多数有名的设计网站更重视ICO图标：

设计在线：
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

闪客帝国:
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

逸品设计:
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

圆点视线
0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height*510/image.width;}}">

其实制作ICO图标很简单，主要是很少软件支持ICO格式，网上下载的可以转ICO格式的软件全是收费的，没有一个可以完全免费使用的，下面的方法可以不用花钱一样可以做成自己的ICO图标。

1：先用画图软件最好是FireWorks做一个16*16的图标，存为gif格式；
2：到这个网站转化为ico文件：http://www.chami.com/html-kit/services/favicon/
3：上传到网站的根目录下就完成了。

现在把你的网站加入收藏夹再重新打开看看，就是这样简单！

赞 (0)

相关推荐

  • node.js中的favicon.ico请求问题处理

    node.js中的favicon.ico请求问题处理

    复制代码 代码如下: var http=require("http");  var server=http.createServer();  server.on("request",function(req,res){5         console.log(req.url);      res.end();  });  server.listen(1337,"127.0.0.1"); 这样的代码在请求时会出现两条请求: 第一条时URL地址为用

  • 激发你的灵感:50个优秀的Favicons

    激发你的灵感:50个优秀的Favicons

    原文:http://www.smashingmagazine.com/page/2/翻译:Blank(怿飞) Inspire Yourself: 50 Remarkable Favicons激发你的灵感:50个优秀的Favicons 引用:Actually it's a pity that many designers don't really make use of them. Favicons, mini graphics for a particular web-site, can be

  • nginx关闭favicon.ico、robots.txt日志记录配置

    nginx日志最近发生大量访问favicon.ico无法找到的404错误日志,小编感觉很影响服务器性能,对于一个高并发的服务器每一个错误都会影响性能,所以需要关闭访问favicon.ico的日志记录功能. 复制代码 代码如下: # 把以下配置放到 server {} 块. #关闭favicon.ico不存在时记录日志location = /favicon.ico {log_not_found off;access_log off;} location = /robots.txt {allow a

  • 简单谈谈favicon

    简单谈谈favicon

    favicon.ico介绍 favicon.ico是个什么东西呢,也许见得太多都习以为常了(我就是这样,直到写这篇文章之前才知道),看看维基百科的解释: 复制代码 代码如下: Favicon是favorites icon的缩写,亦被称为website icon(网页图标).page icon(页面图标)或urlicon(URL图标),下面是链接 http://zh.wikipedia.org/wiki/Favicon 其实说白了就是这个东西,大部分网站都会在打开的浏览器tab最左侧显示这个小图标

  • 给自己的网站制作一个favicon.ico图标的实现方法

    给自己的网站制作一个favicon.ico图标的实现方法

    ico图标是网站的头像,在打开网站的时候出现在IE的地址栏里,目前大多数浏览器都支持,最常用的IE6.0则显示加入本地收藏夹网站的ICO图像: 绝大多数网站可以没有ICO头像,但如果做为一个一流的网站,没有ICO头像是很难令人信服的.就好象一个人穿了一身正装但却没有打领结一样冒失. 以下是一些名站的头像: Google0 && image.height>0){if(image.width>=510){this.width=510;this.height=image.height

  • Django添加favicon.ico图标的示例代码

    所谓favicon,即Favorites Icon的缩写,让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站. 默认情况下,浏览器访问一个网站的时候,同时还会向服务器请求"/favicon.ico"这个URL,目的是获取网站的图标. 若是没有配置的话,Django就会返回一个404错误,并且浏览器接收到这个404错误后不会显示出来,一般不会被察觉. 但是服务器要是开启日志记录的话,这错误就会一直记录下来,累积一大堆无用的记录. 添加favicon.ico图标的方法有两种

  • 如何优雅地处理Django中的favicon.ico图标详解

    前言 favicon.ico是网站的图标也是网站的头像,简单来说,就是让我们的网站更加好看. 本文主要给大家介绍了关于优雅处理Django中favicon.ico图标的相关内容,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧 起步 默认情况下,浏览器会访问网站 "/favicon.ico" 这个地址获取网站的图标.如果没有配置的话,Django 会返回一个 404 错误.这对于强迫症的人来说,真的很烦.我们有现有的图标,且按开发规范一般存放 static/ 下. 网上的

  • 对web.py设置favicon.ico的方法详解

    本文介绍在web.py中设置favicon.ico的方法: 如果没设置favicon,后台日志是这样的: 127.0.0.1:4133 - - [03/Sep/2015 18:49:53] "HTTP/1.1 GET /favicon.ico" - 303 See Other 由于浏览器会自动去获取这个文件,在web.py中可以这样设置: 设置步骤: 0.把favicon.ico图标拷贝到staic目录下,我这里是放在/static/res/目录下 1.在urls中添加映射规则: ur

  • Vue如何指定不编译的文件夹和favicon.ico

    目录 指定不编译的文件夹和favicon.ico 这里简单区分一下Vue2.0中的assets和static区别 指定项目的favicon.ico favicon.ico不能正确显示问题 方法一:修改index.html文件 方法二:修改webpack配置文件 指定不编译的文件夹和favicon.ico 在Vue3.0中引入public文件夹,不希望被编译的文件都可以放到这个文件夹下,但是在vue2.0中实现类似的功能,需要自己在webpack.prod.conf.js中做一些配置 这里简单区分

  • PHP基于yii框架实现生成ICO图标

    1,phpthumb_ico 是生成ICO图标的类,源码如下 class phpthumb_ico { function phpthumb_ico() { return true; } function GD2ICOstring(&$gd_image_array) { foreach ($gd_image_array as $key => $gd_image) { $ImageWidths[$key] = ImageSX($gd_image); $ImageHeights[$key] = I

  • 小白如何入门Python? 制作一个网站为例

    首先最重要的问题是为什么要学习python?这个问题这个将指导你如何学习Python和学习的方式. 以你最终想制作一个网站为例.从一个通用的学习资源列表开始不仅会消磨你的激情,而且你获得的知识很难应用,我曾经尝试过不通过上下文和具体应用来学习编程,但是我几乎没有获得任何有用的技能. 当我3年前学习python时,我想创建一个网站.这对于任何一个学习Pyhon人来说,不足为奇. 1.找到是什么激励你 找到并保持你的动机是关键-我高中睡了很多个的程序设计课,因为它只让我们记住了一堆语法.另一方面,当

  • 利用Python为女神制作一个专属网站

    利用Python为女神制作一个专属网站

    目录 数据准备 网站搭建 服务部署 先来看一下效果吧,只要有足够的照片素材,捕获女神的心就指日可待 怎么样,看起来还可以吧 下面就一起来完成吧 数据准备 首先是测试图片的获取,毕竟萝卜哥当前还没有那么多女神的照片 这里我使用如下网站的高清图片,嗯,各个都是大美女 抓取的代码比较简单 import requests import json def get_pic():     headers = {"Accept": "application/json, text/javasc

  • 基于Python轻松制作一个股票K线图网站

    目录 获取股票数据 PyEcharts 作图 构建 Web 框架 视图函数编写 模板编写 编辑主逻辑 前端页面编写 在前面的文章中,我们学习了如何使用 Tkinter 构建股票数据抓取以及展示K线图功能,虽然大致的功能已经具备,但是在当今这个人手一个 Web 服务的年代,GUI 程序还是没有 Web 服务来的香啊. 我们需要用到的知识包括 PyEcharts 的使用,tushare 库获取股票数据的方法以及 Flask 的基本用法. 获取股票数据 我们先来看下 tushare 的使用,这个应该是

  • 在node.js中怎么屏蔽掉favicon.ico的请求

    今天准备用node做个api出来,还没入门,遇到一个小问题,特在此记录一下! 在做路由模块的时候,发现控制台每次都会多输出一条favicon.ico的请求,对于这种又占资源,看着又碍眼的玩意,强迫症完全忍不了了,查了下代码,加了一行进去解决问题(没有技术含量,如果想笑话我的仁兄,请速速关闭浏览器)! 下面的代码是未更改前的路由,了解原理比什么都重要,对吧! function router (handle, pathname) { if (typeof handle[pathname] === '

随机推荐