我可以从本地文件中显示.ico(图标)

时间:2011-07-02 23:25:33

标签: xhtml icons favicon .ico

我正在使用IE进行客户端测试我的Web应用程序,没有服务器 - 所以我可以测试我的CSS / XHTML / Javascript。

当我添加行

<link rel="icon" href="favicon1.ico"/>

<link rel="icon"href="favicon1.ico"type="image/x-icon"/>

<link rel="shortcut icon"href="favicon1.ico"type="image/x-icon"/>

我没有看到标签中显示我的.ico图像。

我的favicon1.ico是一个32px乘32px(32 bpp,8位alpha,没有托盘).ico文件创建/保存在GIMP中,与我的html文件位于同一目录中。

相信IE在这一点上需要一台服务器。

1 个答案:

答案 0 :(得分:2)

引用OP: <link rel="SHORTCUT ICON" href="d:/bi1.ico"/>


您只需使用相对网址引用所有外部文件。

如果您的图标文件包含在与您的页面相同的目录中...

href="MyIcon.ico"

修改

这是对原始帖子的完全有效的答案。但是,原来的帖子已被编辑到上述答案不再合理的程度。

编辑2:

以下是我的工作方式。

我相信有些浏览器对名称很挑剔,所以我使用favicon.ico

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

编辑3:

引用OP: “我刚刚保存了40px x 40px作为.ico文件”

这听起来不对。用于Favicon的ICO文件通常为16 x 16像素,可选的32 x 32像素桌面版和/或可选的48 x 48像素XP版。

Here is an online tool for creating a proper favicon.