免费网站图标与 App 图标检查器

网站图标与 App 图标检查器:上线前检查图标素材 发布网站、PWA 或应用列表前先确认

上传 logo、favicon、App 图标或 PWA 图标,快速查看常见上线问题:是否为正方形、像素尺寸、文件格式、透明背景、文件大小,以及是否能覆盖 16 x 16、32 x 32、48 x 48、180 x 180、192 x 192 和 512 x 512 输出。

浏览器本地图标检查

上传图片到网站图标与 App 图标检查器

在配置 favicon 链接、Apple touch 图标、Web App Manifest 或 Android 上架素材前,先用这个检查器读取尺寸、格式、文件大小和透明背景,并得到可操作的适配建议。

你的图标文件会留在当前浏览器标签页中。这个工具不会上传图片来读取尺寸或预览背景。

试用示例图标尺寸

图标检查结果会显示在这里

上传 logo、favicon、App 图标或 PWA 图标后,可以查看正方形状态、尺寸覆盖、平台适配、透明背景和预览模式。

网站图标与 App 图标检查器的上线素材检查流程

检查器会把一张上传图片转换成网站图标、PWA manifest 和 App 图标基础素材的可读检查报告。

上传并读取源图

从 logo、favicon、App 图标或 PWA 图标开始。检查器会在浏览器本地读取尺寸、文件类型、文件大小和透明背景。

图标检查器上传面板,显示正方形图标预览和文件详情

对比平台图标需求

结果会标记源图能否覆盖常见 favicon、Apple touch、PWA 和 Android 基础素材尺寸,方便你导出多份文件前先修正。

图标检查器结果网格,展示平台图标尺寸的通过和复查状态

预览遮罩和背景

通过预览模式检查透明边缘、对比度、圆角裁切和小尺寸模糊,避免用户在标签页或启动器里看到问题。

图标检查器预览网格,展示圆角遮罩、浅色背景、深色背景和小图标视图

网站图标与 App 图标检查器的图标质检功能

当 logo 大图看起来没问题,但可能在浏览器小图标、touch icon、PWA 图标或应用上架素材中失败时,可以先用这个工具复查。

正方形检查

确认上传源图是否为正方形,再继续导出 favicon 和 App 图标文件。

检查形状

尺寸覆盖

查看源图能否覆盖 16、32、48、180、192 和 512 像素正方形输出。

复查尺寸

格式和大小

在选择 PNG、ICO、SVG、WebP 或 JPG 导出前,先检查浏览器读取到的格式和文件大小。

检查文件

透明背景扫描

估算透明像素,提前发现边缘、底色和平台处理后的显示风险。

扫描透明度

平台适配报告

集中复查浏览器 favicon、Apple touch 图标、PWA 图标和 Android 基础素材准备情况。

对比目标

预览模式

发布前检查圆角遮罩、深色背景、浅色背景和小尺寸模糊。

预览图标

如何在上线前使用网站图标与 App 图标检查器

这是针对常见公开要求的预检工具,不代表官方审核保证。

01

上传最高质量的源图标

从你手上最大的正方形 logo 或 App 图标源图开始。512 x 512 或更大的正方形源图,能让检查器判断大多数常见输出。

  • 尽量使用未压缩母版
  • 不要从很小的 favicon 开始
上传源图
02

复查尺寸和平台结果

确认图片是否能覆盖 favicon 尺寸、180 x 180 Apple touch 图标、192 和 512 像素 PWA 图标,以及 512 x 512 Android 或 Google Play 基础素材。

通过表示符合本检查器逻辑。最终是否可用仍取决于平台、manifest、上架资料和设计审核。

查看结果
03

导出文件前先预览

通过圆角、深色、浅色和小尺寸预览,发现软边、透明背景、对比度不足和 favicon 尺寸下消失的细节。

如果 16 x 16 预览变糊,优先简化形状或单独制作 favicon,不要只缩小完整 App 图标。

预览图标

网站图标与 App 图标检查器常见问题

关于准确性、隐私、可上传文件、公开图标要求,以及结果需要复查时该怎么做。

这个图标检查器会检查什么?

它会读取浏览器解码后的图片尺寸、是否为正方形、文件格式、文件大小和估算透明像素比例,然后判断源图能否覆盖常见 favicon、Apple touch、PWA 和 Android 图标尺寸。

这能保证 favicon 或 App 图标被平台接受吗?

不能。这个工具是针对常见公开要求和预览问题的预检工具。商店审核、浏览器行为和平台处理仍取决于官方规则以及你最终导出的文件。

可以上传哪些图片文件?

你可以上传浏览器能解码的 PNG、JPG、WebP、SVG 和 ICO 文件。PNG 通常更适合作为 App 图标源图,因为它能保留清晰像素,并方便按平台规则处理透明背景。

CheckToolkit 会保存我上传的图标吗?

不会。检查器会在浏览器标签页中读取图片,并用本地 object URL 生成预览,不会上传图标文件。

为什么检查器会提示透明背景?

透明背景对浏览器 favicon 很有用,但 touch icon 和应用商店素材可能会被平台放到不同背景或遮罩中处理。提示的目的是让你主动预览对比度,并按平台导出专用文件。

图标太小时应该怎么办?

回到原始 logo 或矢量稿,导出更大的正方形源图,最好是 512 x 512 或更大。把小 favicon 强行放大可能满足像素数量,但预览中仍会显得模糊。

发布前先运行网站图标与 App 图标检查器

准备网站上线、PWA manifest、主屏图标或 Android 上架源图时,先用这个工具复查。

先确认源图,再导出正确的正方形尺寸,最后在真实平台流程中测试最终文件。

免费的网站图标与 App 图标检查器:检查正方形尺寸、格式、透明背景、文件大小和预览效果。