🧰Locly

从图片生成 Favicon

从任意图片生成多种尺寸的 favicon，浏览器本地处理

选择图片

或拖放图片到此处

支持：JPG、PNG、WebP、SVG

工具简介

从单张图片生成所需的所有 favicon 尺寸。创建经典的 favicon.ico 以及适用于现代浏览器、Apple 设备和 PWA 的 PNG 图标。所有处理都在浏览器本地完成 — 您的图片永远不会被上传。

使用方法

  1. 点击「选择图片」或拖放您的源图片
  2. 选择要生成的尺寸
  3. 点击「生成 Favicon」创建所有图标
  4. 单独下载或打包为包含所有尺寸的 ZIP

常见使用场景

  • 网站：为浏览器标签页和书签创建 favicon
  • PWA：为渐进式 Web 应用生成图标
  • 移动端：创建 Apple Touch Icon 和 Android 图标
  • 浏览器扩展：为 Chrome/Firefox 扩展生成图标
  • 桌面应用：为 Electron 或桌面应用创建图标

常见问题（FAQ）

Q1: 应该使用什么图片作为源？

使用至少 512×512 像素的正方形图片。简单、高对比度的设计在小尺寸下效果最好。带透明度的 PNG 最理想。

Q2: 我需要哪些尺寸？

至少需要：16×16、32×32 用于浏览器标签页，180×180 用于 Apple Touch Icon。对于 PWA，添加 192×192 和 512×512。

Q3: .ico 和 .png 有什么区别？

.ico 是传统格式，可以在一个文件中包含多个尺寸。PNG favicon 被现代浏览器和移动设备使用。

Q4: 我的图片会上传到任何地方吗？

不会。所有 favicon 生成都在浏览器本地完成。您的图片永远不会离开您的设备。

Q5: 为什么我的 favicon 看起来模糊？

小图标需要简单的设计。如果您的源图片有精细细节，在 16×16 时会丢失。考虑为小尺寸创建简化版本。

相关工具

图片裁剪图片尺寸调整JPG PNG WebP 转换