IcoJet图标手记
← 图标手记

宽 Logo 怎样变成清晰的小图标?

适合网页页眉的文字 Logo,放进正方形 favicon 后可能只剩一条细线。通常需要单独的小尺寸构图,而不是下载更大的文件。

先量比例,再导出

例如,4:1 的 Logo 放进 32×32 画布,在额外留白之前大约只有 32×8 像素。IcoJet 保持比例并补透明边,不会拉伸文字,也不会重新设计正方形布局。先在编辑器中去除多余空画布,再判断图形本身是否仍然过宽。

选择必须保留的识别特征

为小正方形单独制作符号、首字母或简化品牌标记。以 16、32px 和邻近浏览器标签比较,保留易辨识轮廓,去除已经看不见的小字和装饰。完整文字 Logo 留在页眉,不必把每个品牌元素都塞进 favicon。

同时查看浅色和深色背景

深色透明图案可能在深色标签上消失,可以尝试明确的描边或背景。ICO 是静态图片,不会自动变色。如果网站选择可适应主题的 SVG,需要单独实现并测试;IcoJet 不生成这种自适应 SVG favicon。

参考资料与延伸阅读 Microsoft — App icon design ↗MDN — prefers-color-scheme ↗

返回转换工具 ↗