zh

Favicon生成器

将一张图片生成完整的Favicon包: .ico、各尺寸PNG、apple-touch-icon、webmanifest和HTML代码片段。本地处理,无需上传。

背景色(iOS图标)
  • 白色
  • 透明
  • 黑色
背景色(Android图标)
  • 白色
  • 透明
  • 黑色

你的文件

    正在你的设备上本地处理 ...

    0%

    你的文件从未离开你的设备

      我的文件会被上传吗?

      不会。一切都在你的浏览器中运行,你的文件永不离开你的设备。这一点如何验证

      无需上传100% 本地处理
      内容只属于你第三方无法访问
      服务器位于德国原生符合 GDPR
      经独立审计TLS A+ · 标头 A+

      Favicon从来不只是一个文件。浏览器、手机和Web应用如今需要一整套不同尺寸和格式的图标: 用于浏览器标签的多分辨率favicon.ico、独立的PNG文件、用于iPhone主屏幕的apple-touch-icon,以及用于Android上安装为Web应用的大尺寸图标。本工具替您省去繁琐操作,从一张图片生成完整的图标包。

      将一张正方形图片拖入即可获得ZIP文件,推荐使用边长不少于512px的PNG。ZIP内包含favicon.ico(16、32和48px)、各独立PNG、180px的apple-touch-icon,以及192px和512px两款应用图标。此外还附有现成的site.webmanifest和可直接粘贴到页面`<head>`的HTML代码片段,无需手动整理各项引用。

      图片会按比例缩放至每种尺寸,无裁剪,居中放置。浏览器图标保留透明度;iOS和Android应用图标会填充背景色,因为这些系统会将透明区域渲染为黑色。背景色可选白色、黑色或透明,并可为每个平台分别设置(例如iPhone图标用白色、Android图标用透明)。与本站所有工具一样,所有转换均在浏览器本地完成,图片不会被上传,也不会从外部服务器加载任何库。

      技术规格

      技术规格
      输入格式PNG, JPG, JPEG, WEBP, GIF, BMP
      输出格式ZIP
      批量处理不支持
      处理方式在浏览器中本地处理 (JavaScript)
      文件上传

      三步完成

      1. 拖入正方形图片(推荐512px以上的PNG)。
      2. 分别选择iOS和Android图标的背景色。
      3. 下载并解压ZIP包。

      限制: 生成的ZIP包含favicon.ico(16/32/48)、favicon-16/32、apple-touch-icon(180)、Android图标(192/512)、site.webmanifest和HTML代码片段。输入须为光栅图片(PNG, JPG, WebP, GIF, BMP),不支持SVG。图片过小会被放大,可能出现模糊,建议使用大尺寸正方形图片。

      常见问题

      我的图片会被上传吗?

      不会。整个包在浏览器本地生成,飞行模式下也可使用。图片永远不会离开您的设备。

      ZIP里包含什么?

      favicon.ico(16/32/48px)、各独立PNG、apple-touch-icon、两个应用图标(192/512)、site.webmanifest,以及用于`<head>`的HTML代码片段。

      为什么应用图标需要背景色?

      iOS和Android会将应用图标中的透明区域渲染为黑色,因此需要填充背景。您可以选择白色、黑色或透明 - 可为iOS和Android分别设置,如果希望两者外观不同的话。

      图片尺寸应该多大?

      建议使用边长不少于512px的正方形图片,其他较小尺寸将从该图片整洁地缩放生成。

      相关工具