RevealTheme logo

Favicon生成器

从任意图片生成完整的favicon套件:涵盖浏览器、iOS和Android所需的全部尺寸。

如何使用本工具

  1. 1

    上传一张正方形图片(推荐使用PNG,512×512或更大)。

  2. 2

    我们会以每一种常见的favicon尺寸进行渲染。

  3. 3

    下载每个PNG。

  4. 4

    在HTML的<head>中通过合适的sizes属性引用它们。

什么是Favicon生成器?

现代的favicon不再只有16×16。iOS需要一个180×180的apple-touch-icon,Android需要192×192和512×512的PWA图标,而高分辨率屏幕则使用32×32或48×48。本工具会从单张源图片生成所有常见尺寸,以便你通过<link rel='icon' sizes='...'>标签来提供它们。

常见使用场景

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

常见问题

我应该使用多大的源图片?
一张512×512或更大的正方形PNG效果最佳:缩小尺寸比放大更能保留细节。
我需要ICO文件吗?
现代浏览器支持PNG格式的favicon。ICO格式仅在为兼容老旧的IE时才需要,如今已很少见。

相关工具