在线制作生成ico透明图标—指定大小

在页面源文件的<head></head>标签之间插入
<link rel="shortcut icon" href=" /favicon.ico" />

最后形成:
<head>
...
<link rel="shortcut icon" href="/favicon.ico" />
</head>

1、请单击“选择文件”按钮上传你要转换的图片
（支持格式 png，jpg，gif,jpeg,bmp）

2、选择ICO的目标尺寸，即分辨率。
3、单击“生成”按钮，ICO图标将自动下载

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

icon与shortcut icon有什么区别？为什么是引入两行？

shortcut icon,特指浏览器中地址栏左侧显示的图标，一般大小为16x16，后缀名为.icon；
icon，指的是图标，格式可为PNG\GIF\JPEG，尺寸一般为16x16、24x24、36x36等。

然而，只有第一行是必须的，因为“shortcut icon”字符串将被多数遵守标准的浏览器识别为列出可能的关键词（“shortcut”将被忽略，而仅适用“icon”）；
而Internet Explorer将会把它作为一个单独的名称（“shortcut icon”）。
这样做的结果是所有浏览器都可以理解此代码。只有当希望为新浏览器提供另一种备用图像（例如动画GIF）时，才有必要添加第二行。 

应该是一个兼容吧。

下面介绍下，可以在线预览ico，按大小样式ico，是否透明ico，是否强制大小写ico

http://ico.toolscat.com/

点击上传即可，下载生成好的ico，注意图片边距尽量调小一点，这样生成出来的ico在标题上会比较大，好看

posted @ 2020-05-06 10:12 nanprivate 阅读(403) 评论(0) 收藏举报

刷新页面返回顶部

nanprivate

在线制作生成ico透明图标—指定大小

公告