首页 › 前端工具 › Favicon制作
FM

Favicon制作

上传图片或输入文字生成网站Favicon图标,支持PNG和ICO格式下载

功能说明在线制作网站 Favicon 图标
输入方式上传图片 / 输入文字
输出尺寸16/32/48/64/128 px
下载格式PNG / ICO
上传图片
背景色 #73b9ff
圆角 0px
边框宽度 0px
输出尺寸

Favicon 制作工具说明

Favicon(Favorites Icon)是网站在浏览器标签页、地址栏和收藏夹中显示的小图标,通常尺寸为 16x16 或 32x32 像素。本工具支持上传图片或输入文字两种方式生成 Favicon。

上传图片模式:选择本地图片后,工具会自动裁剪并缩放到指定尺寸。建议使用正方形或接近正方形的图片以获得最佳效果。

文字生成模式:输入 1-2 个字符(如首字母),设置字体大小、背景色和文字颜色,即可生成带背景的 Favicon 图标。

样式设置:支持自定义背景色、圆角、边框宽度及边框颜色。圆角设置使 Favicon 呈圆角矩形,边框为 Favicon 添加装饰边框。

输出格式:PNG 格式支持透明背景,适合现代浏览器;ICO 格式是 Windows 传统图标格式,兼容性最广,支持在 ICO 文件中嵌入多个尺寸。

实现原理:使用 HTML5 Canvas API 绘制图标,通过 toDataURL 导出 PNG。ICO 格式通过手动构建二进制文件头(ICONDIR + ICONDIRENTRY + 图像数据)实现。

前端工具