精华内容
下载资源
问答
  • 所谓favicon,即Favorites Icon的缩写,顾名思义,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在...

    所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到网站的快捷方式;除此之外,标签式浏览器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。
      从特定的技术角度看,favicon也并不只是仅仅让网站给人更专业的观感,也可以在一定程度上减轻服务器的流量带宽占用:一般为了提高网站的可用性,我们都会为自己的网站创建一个自定义的404错误文件,在这种情况下,如果网站没有相应的favicon.ico文件,每当有用户收藏网站/网页时, Web服务器都会调用这个自定义的404文件,并在网站的错误日志中记录。这显然是应该予以避免的。

    如何制作Favicon.ico
      制作Favicon.ico的方法相当简单,首先,利用图形工具创建2个反映网站主题的256色的小图片:1个为32×32像素,另一个为16 ×16像素。需要注意的是,调色板要选用“Windows 默认调色板”,不然,在最终的效果展示中图形可能会发生迥异于您初衷的颜色上变化。
      需要说明的是,在很多关于Favicon.ico的说明中,常见到要求图片为16色的说法,应该说这类说法大大过时:在早期如Windows 95时期,16色的Favicon.ico可能是个稳妥的选择,保证其在大多数情况下正常使用,但现在,完全不存在那类限制,16色只能使图标的展示效果大大降低。
      至于在浏览器中使用时16×16像素的图片已经足够,为什么还要准备32×32像素的图片,原因在于,正如上文所言,favicon也显示在地址栏中,用户可以拖曳favicon到桌面以建立到网站的快捷方式,而桌面图标则要以32×32显示的,如果您的Favicon.ico不包括32像素的图片,系统就只能使用默认的浏览器图标来标注网站/网页,如Internet Explorer的蓝色“e”,起不到我们意欲通过Favicon.ico打造网站品牌的作用。
      图片制作好后,使用如Image2Ico之类的小程序即可将2张图片转换到一个Icon文件中。也可以通过可以在线制作Favicon的网站来制作,不过,需要注意的是,这个网站要求图片源文件格式为Pic。还有一个toycon的软件,只有200多K吧,很不错的。

    在网页中使用Favicon.ico
      浏览器调用Favicon的原则是首先在网页所在的目录下寻找Favicon.ico文件,如果没有,便到网站的根目录下寻找。
      因此,在网页中使用Favicon最简单的办法便是将制作好的图标文件命名为Favicon.ico,然后将其上传到网站的根目录即可。
      如果您需要将Favicon.ico放到其他目录下,或者希望让不同的网页显示不同的Favicon,就需要在网页Html文件中做设定了,具体设置也很简单,在Html中的<head>部分加入如下的代码:

    引用内容

    程序代码:

    复制代码
    代码如下:

    <link rel=”icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>
    <link rel=”shortcut icon” href=”/dir/favicon.ico” mce_href=”/dir/favicon.ico” type=”image/x-icon”>

    Firefox还支持GIF动画格式的Favicon,使用方法如下:
    首先制作一个16*16的gif动画,然后在html代码<head></head>中加入如下代码:

    引用内容

    程序代码

    复制代码
    代码如下:

    <link rel="shortcut icon" href="favicon.ico" >
    <link rel="icon" href="animated_favicon.gif" type="image/gif" >

    ================================================================================
    如何添加网站的浏览器 ico 图标

    什么是网站 ICO 图标?

      打开微软、百度等网站后看到浏览器的标题栏、地址栏,多浏览器的标签上都显示了一个小图标,如 ,这里说的就是这个东东。

      如何制作 ICO 图标?

      这里使用最简单的办法。因为 ico 格式图片比较特殊,一般软件(如 Windows 自带的画图、Adobe Photoshop 等)都制作不了,我们就分两步做。

      第一步是用 Windows 自带的画图或 Adobe Photoshop 制作一个 ico 的原图,格式可以是 jpg / jpeg / gif / png 等,大小大概在 32*32 像素差不多,最好是 16px×16px 的,因为浏览器标题栏和地址栏上显示的就是这个尺寸。

      第二步是将制作好的 ico 原图转换为 ico 格式,制作好后去一个可以在线转换 ico 格式的网站(百度一下会有不少,也可以下载一个转换软件进行处理)。这里推荐 http://www.bitbug.net/ ,打开该网站后界面很清晰明了,经数秒简单的处理即可转换为我们要的 ico 格式图标文件,文件被自动命名为favicon.ico

      这样 ico 图标就制作完成了。

      如何让 ICO 图标在网站上显示?

      先将转换好的 ico 图标文件上传到网站任意目录,一般为根目录。以我的为例,我上传到 /bbs 目录下,也就是说 ico 文件的路径是 /bbs/favicon.ico

      然后在需要显示该图标的页面模板头部(<head> 与 </head> 之间)插入以下代码:

    <link rel="Shortcut Icon" href="/bbs/favicon.ico">

      如果你的模板是 XHTML 规格的,代码应该是:

    <link rel="Shortcut Icon" href="/bbs/favicon.ico" />


    展开全文
  •  所谓favicon,即Favorites Icon的缩写,顾名思义,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:...
  • 于是后面我尝试在maven运行Tomcat7:run之后在地址栏直接输入localhost/travel/register.html发现也可以获取到验证码,但是在idea里面直接点击右上角的浏览器图标就会像上面一样访问不同的地址而获取不到验证码,不...
  • favicon,即Favorites Icon的缩写,其可以让浏览器的收藏夹中除...浏览器会在适当的时候(什么是适当时候,要看不同浏览器的机制),自动的向服务器发出这样的图片请求。当正常接收到图片后,用户收藏这个网站的网页

    favicon,即Favorites Icon的缩写,是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。调试ASP.NET程序的时候,会发现有时候接到的是对于favico.ico的请求,而自己从来没有作出这个请求。这与浏览器的机制有关。浏览器会在适当的时候(什么是适当时候,要看不同浏览器的机制),自动的向服务器发出这样的图片请求。当正常接收到图片后,用户收藏这个网站的网页时,就会在收藏夹显示相应的图片。


    一般请求都是www.example.com/favicon.ico这种格式,所以favicon.ico要放在web根目录下。在ASP.NET MVC 中,考虑到了这个问题,对于favicon.ico的请求是不应该被路由处理的,所以在RegisterRoutes增加了语句

    routes.IgnoreRoute("{*favicon}"new { favicon = @"(.*/)?favicon.ico(/.*)?" });

    展开全文
  • 文件浏览器设计:

    2011-08-25 14:20:00
    首先我们思考一个问题,为什么Android没有自带文件浏览器?一个完整系统(包含UI),既然有文件系统,那么就必须有一个文件管理器。要不用户怎么管理文件呢。 文件管理器设计并不复杂,但是有很多细节跟平台...

    首先我们思考一个问题,为什么Android没有自带文件浏览器?一个完整的系统(包含UI),既然有文件系统,那么就必须有一个文件管理器。要不用户怎么管理文件呢。
    文件管理器的设计并不复杂,但是有很多的细节是跟平台信息相关的,要做一个好的文件管理器并不是那么容易的事情。下面让我看看有什么不容易的。
     
    1. 文件图标的关联:Android的GUI系统没有提供一个完整的解决方案。各家实现不同,不具有通用性。比较麻烦的事情。
    2. 跟程序的关联:打开或者运行的时候,怎么确定用哪个程序打开。Android平台提供的Intent来做一部分这个事情。但是使用Intent的前提是你知道mine type。而这个mine type怎么判断呢?

    转载于:https://www.cnblogs.com/chenyingzhong/archive/2011/08/25/2153243.html

    展开全文
  •  Smooth Gestures - 鼠标手势插件,很方便好用的鼠标手势插件,可以自定义手势(某些系统标签禁止运行插件,不能采用手势的,增强浏览器的安全性)。  站长常用插件  Speed Tracer能帮助您发现并解决网络应用...
  • 今天get到一个新的知识点,虽说不是什么复杂的东西,但是能... 这样可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站,这样是不是比那个光秃秃的标题看着要更爽些吧。  废话不多说,下面...

      今天get到一个新的知识点,虽说不是什么复杂的东西,但是能实现效果还是蛮高兴的。

      为网站添加标识性的的图标(头像)?也许有人像我一样,刚开始并不知道啥意思,但是看到别人网站都有标识性的头像,立马就明白了是啥意思。效果如下:

          

      这样可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站,这样是不是比那个光秃秃的标题看着要更爽些吧。

      废话不多说,下面来说说是怎么实现的。

      首先要做这种网站图标,我们要借助一些工具,如:比特虫在线制作icon图标favicon.ico在线制作,这是我用过的两个很好用的在线icon制作。

      一般而言,会有这几种规格的,16x16、32x32、48x48、64x64、128x128.(ps:我们的原图片文件应该是方形的,即宽高一致,否则做出来后图片会变形的

      以比特虫在线制作icon图标这个为例吧,选择所要制作成icon的图片文件,然后选择要制作的尺寸,即可生成,是不是很方便、很傻瓜式的工具啊

          

      

      生成图标后会自动下载,然后在你的页面中嵌入<link rel="shortcut icon" href="图标路径" />,即可实现效果。

      生成favicon.ico图像文件,可放在根目录下(也可以是其他目录),在页面源文件的<head></head>标签之间插入 <link rel="shortcut icon" href="图标路径" /> 即可

     

    转载于:https://www.cnblogs.com/jf-67/p/8087473.html

    展开全文
  • 顾名思义,其代表了网站特有主题形象标签, ico图标显示在浏览器标签页、收藏夹、地址栏等显要位置,让用户以图标方式区别不同的网站。 因此,为网站打造一个独一无二ico图标是网站走向成功第一步。 其实...
  • favicon.ico是什么

    2019-07-21 19:26:00
    所谓favicon,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。 当然,这不是Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在大多数主流浏览器如FireFox和Internet...
  • 所谓favicon,即Favorites Icon的缩写,顾名思义,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在...
  • iconfont字体图标.pdf

    2020-06-27 12:10:16
    (5)矢量性:图标是矢量,与像素无关。缩放图标不会影响清晰度。 (6)兼容性:字体图标支持所有现代浏览器(包括IE6)。 (7)本地使用:通过添加定制字体到你本地系统,你可以在各种不同的设计和编辑应用程序...
  • 定义网站收藏夹图标

    千次阅读 2011-10-25 11:22:20
    所谓favicon,即Favorites Icon的缩写,顾名思义,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在...
  • 目录 第一种方法: 第二个方法: 保存网页 收藏夹浏览 ...查看浏览器的“关于 Internet Explorer”信息,这个也最直接的方法,几乎所有的软件都可以通过这个方法查看版本号 保存网...
  •  所谓favicon,即Favorites Icon的缩写,顾名思义,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:...
  • 如何给网站设置favicon.ico图标

    万次阅读 2019-06-28 10:04:23
    所谓favicon,即Favorites Icon的缩写,顾名思义,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。 favicon.ico一个网站必要的吗? 不是必要的,但是web服务器在网站加载时都会...
  • 什么是favicon?

    千次阅读 2007-05-25 17:18:00
    所谓favicon,即Favorites Icon的缩写,顾名思义,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在...
  • 所谓favicon,即Favorites Icon的缩写,顾名思义,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。 favicon.ico一个网站必要的吗? 不是必要的,但是web服务器在网站加载时...
  • 计算机操作系统里面每个字符都有一个unicode编码,根据不同的编码浏览器会自动帮你找到对应图形去渲染。而字体文件作用规定某个字符应该用什么形状来显示。unicode字符集里面,E000 至 F8FF属于用户造字区。...
  • 目录查看版本 第一种方法: 第二个方法: 保存网页 收藏夹浏览 自定义栏 加快搜索速度第一种方法:通过 IE logo 在确认,就是桌面上那个e图标 在IE7以前版本都各自使用了不同的Logo,不过IE7和IE8,以及IE9、...
  • 目录查看版本 第一种方法: 第二个方法: 保存网页 收藏夹浏览 自定义栏 加快搜索速度第一种方法:通过 IE logo 在确认,就是桌面上那个e图标 在IE7以前版本都各自使用了不同的Logo,不过IE7和IE8,以及IE9、...
  • 那在2020年您需要寻找Web设计趋势是什么? 1.暗模式 黑暗背景无处不在。从社交媒体应用程序到您的浏览器,每个应用程序都可以将整个背景变黑。您可以通过为网站使用深色主题来创建更高对比度。它带出了更轻...
  • 所谓favicon,即Favorites Icon的缩写,顾名思义,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:在...
  •  所谓favicon,即Favorites Icon的缩写,顾名思义,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:...
  • 给网站添加favicon技巧

    千次阅读 2009-06-02 15:59:00
    参看百度百科:所谓favicon,即Favorites Icon的缩写,中文名称网站头像,顾名思义,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅 Favicon的全部,根据...
  • 使网站在地址栏有标志图片方法

    千次阅读 2010-02-26 11:55:00
     所谓favicon,即Favorites Icon的缩写,顾名思义,便其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。当然,这不仅仅Favicon的全部,根据浏览器的不同,Favicon显示也有所区别:...

空空如也

空空如也

1 2 3 4 5 6
收藏数 114
精华内容 45
关键字:

不同浏览器的图标是什么