返回工具

Favicon Generator

从图片或文字创建网站图标

100% 免费浏览器中运行无需注册

关于此工具

从任何图片或自定义文字生成专业的网站图标。自动生成所有标准尺寸（16x16、32x32、48x48、192x192）的ICO和PNG文件。与aukimi Inkwell配合设计您的图标图案。 aukimi Inkwell的一部分.

功能

  • 从图片或文字生成
  • ICO和PNG输出格式
  • 包含所有标准图标尺寸
  • 自定义背景颜色
  • 即时预览和下载

使用场景

网站品牌和标识渐进式Web应用图标浏览器标签识别

分享此工具

帮助他人发现

HN

创建免费账户以移除水印

保存您的作品，访问完整的创意套件，无水印导出。

创建免费账户

需要更多功能？

试试 aukimi Inkwell

专业的位图编辑，支持图层、蒙版、滤镜和完整的平板电脑支持。

了解更多创建免费账户

How to generate a complete favicon set

Produce a real multi-size .ico, all PNG variants, a site.webmanifest, and the HTML snippet for your site — no upload required.

  1. 1

    Choose Text or Image mode

    Text mode turns a letter into a favicon. Image mode accepts any PNG/JPG/SVG logo.

  2. 2

    Customize shape and padding

    Pick square, rounded, or circle. Add padding to avoid logos being cropped at 16×16.

  3. 3

    Pick a background color

    The background color doubles as your PWA theme color in the generated manifest.

  4. 4

    Download the .ico and PNGs

    Click Download favicon.ico for the legacy multi-size file, or Download All PNGs for every size.

  5. 5

    Paste the HTML snippet

    Copy the HTML block into your site's <head>. Copy or download site.webmanifest into your web root.

常见问题

What sizes should a modern favicon cover?

The essential set is: 16×16 and 32×32 (browser tabs), 48×48 (Windows taskbar), 180×180 (Apple touch icon), 192×192 and 512×512 (Android/PWA). Our generator outputs all of these plus a real multi-size .ico file that bundles 16/32/48 for legacy browsers.

Is the .ico a real ICO file or just a renamed PNG?

It is a real ICO file following the Microsoft ICONDIR / ICONDIRENTRY binary spec — three PNG images at 16/32/48 are embedded in a single .ico container. Some competitors just rename a PNG, which fails in Windows Explorer and older browsers.

Can I generate a favicon from text instead of an image?

Yes. Switch to Text mode, pick a letter (or two), choose a font, color, and shape (square, rounded, circle). Useful when you do not have a logo ready — you can get a clean monogram favicon in under a minute.

Where do I paste the HTML snippet?

Inside the <head> of every page of your site. The snippet wires up the 16/32 PNGs, Apple touch icon, web manifest, and theme-color meta tag. Most static site generators and frameworks have a single head template to edit.

What is site.webmanifest for?

It tells mobile browsers how your site should look when installed as a Progressive Web App — name, icons, theme color, display mode. Drop the downloaded `site.webmanifest` at your web root alongside the favicon files.

Why do my favicons look bad at small sizes?

Detailed logos rarely survive 16×16. Increase the Padding slider, simplify the shape (circle or rounded square), and crank up the contrast between foreground and background. Text mode often reads better at small sizes than a miniaturized logo.