png 转 ico 到底产出了什么
不是一个改了名的 PNG。.ico 是一种容器格式:一个小小的文件头,后面跟着一张或多张完整图片, 而从 Windows Vista 起,这些图片可以是 PNG,不必再用老式位图布局。所以一个正规的 .ico 会同时装 好几个分辨率,谁来显示它就挑最接近的那一档。
本工具写进去三档:16、32、48 像素。这三个是真的会被索取的尺寸——浏览器标签页在标准屏上用 16、 在缩放屏或视网膜屏上用 32,Windows 资源管理器的列表视图要 48。只放一个尺寸,就等于逼上面每一个 使用方去缩放,而把 16 像素往上拉、或者把 48 像素往下压,正是图标变糊的地方。
非正方形素材是裁,不是压
图标是方的。你的素材不是方的,总得舍掉点什么。
这里的选择是居中裁切,而不是拉伸。在这个尺度上,变形比裁掉一点边缘显眼得多,一个被压扁的 logo 看上去就是"坏了",而稍微裁紧一点不会。如果你素材里重要的部分不在中间,那就自己先裁成正方形再来, 这样留在画面里的东西由你决定。
从大图开始
文件里每一档都是从你给的图缩下来的,所以源分辨率决定了质量的天花板。256 像素见方或更大最理想。 拿一张 32 像素的图来要 48 像素那一档,那就是在放大,而本工具不会凭空造出不存在的细节。
简洁、高对比的图形能活着走到 16 像素。细线、小字、微妙渐变不行,源图再好也不行。如果你的 logo 带字标,做图标时通常只要那个符号。
它是个 favicon 生成器,但有一个刻意的边界
如果你搜的是 favicon 生成,那这就是;而它产出的 .ico 也正是真正需要"生成"的那一部分。它不做的 事情是:一并吐出某些生成器打包给你的那一整套 Apple touch 图标、Android manifest 图标和 Windows 磁贴图。那些说到底就是固定尺寸的普通 PNG,本站的尺寸调整工具一遍就能做出来,它们谁也不需要容器 格式。
文件放在哪儿
把下载下来的文件改名成 favicon.ico,放到网站根目录,让它能在 /favicon.ico 被访问到。即使你
的 HTML 里一个字都没写,浏览器也会自动请求这个路径,一批爬虫和链接预览服务同样如此。
同时在 HTML 里再声明一个 PNG 或 SVG 图标依然值得做,因为在支持的地方它们能给出更高的分辨率。 .ico 是地板,不是全部。
在你的浏览器里生成
PNG 的渲染和容器的组装都在本地完成。没有任何文件被上传——对一个还没发布的 logo 来说,这是件值得 在意的事。