What sizes does the favicon generator produce?

The tool generates 7 PNG files (16×16, 32×32, 48×48, 96×96, 180×180, 192×192, 512×512) and a favicon.ico file that embeds the 16×16, 32×32, and 48×48 PNGs. It also includes a site.webmanifest and ready-to-paste HTML tags.

What image formats can I upload?

PNG, JPEG, WebP, and SVG are all supported. Square images (equal width and height) work best — if your image is rectangular it will be stretched to fill each square size.

Is my image uploaded to a server?

No. All processing happens entirely in your browser using the HTML5 Canvas API. Your image is never sent to any server.

Where do I put the files in my project?

Place all files in the root public directory of your project (e.g. /public in Next.js or the web root for static sites). Then paste the HTML tags from html-tags.txt into the of your HTML.

What is site.webmanifest for?

The web manifest tells Android browsers and PWA installers which icons to use for your app. It references the 192×192 and 512×512 PNGs. Place it in your web root and link to it via .

免费工具

Favicon Generator

上传徽标并生成所有favicon尺寸 — ICO、PNG（28个尺寸）、Apple touch icons、Android Chrome、Windows tiles、site.webmanifest、browserconfig.xml和HTML标签 — 全部打包在一个ZIP中。

在此拖放徽标或点击浏览

支持PNG、JPEG、WebP、SVG · 正方形图片效果最佳

什么是favicon？

Favicon是显示在浏览器标签页、书签和应用快捷方式中的小图标。现代浏览器和设备需要多种尺寸 — 从浏览器标签页的16×16到PWA启动屏幕的512×512。

ZIP中包含的内容

favicon.ico（16、32、48像素多尺寸）、28个PNG文件（浏览器、Apple、Android、Windows尺寸）、HTML链接标签、site.webmanifest和browserconfig.xml。

使用方法

上传一个正方形的PNG、JPEG、WebP或SVG徽标。
点击生成Favicons。
查看所有尺寸的预览。
点击下载favicons.zip — 解压并将文件复制到项目的public文件夹中。

所有图片处理都在浏览器中使用Canvas API进行 — 没有文件被上传到任何服务器。

常见问题

什么图片格式效果最好？: 具有透明背景的正方形PNG或SVG能获得最佳效果。建议至少512×512像素，以确保所有尺寸的输出都清晰。
我需要所有尺寸吗？: 现代浏览器严格来说只需要favicon.ico和一个180×180的Apple touch icon。完整的集合确保与所有平台和PWA要求的兼容性。