Flutter 图标生成器:AI 应用图标
Flutter 要的不是一张成品图标,而是一张 1024 px 母版 PNG,交给 flutter_launcher_icons 去切出项目需要的每一个 mipmap 和 AppIcon.appiconset 条目。这一页就是 Flutter 项目起点的应用图标生成器:描述启动图标,下载透明 1024 px 母版,填进 pubspec.yaml。本页不锁定任何风格预设,因为启动图标可以承载应用的任何气质,从扁平几何到俏皮果冻都行。免费积分覆盖首次生成。
Flutter 应用图标生成器:一句话提示词示例
Flutter 项目常用风格下绘制的启动图标:单一主体、大胆方块、干净背景,从主屏幕到 Play 商店都保持可辨认的形状。
Flutter 应用图标生成器要产出什么
先讲机制:一个只交给你一张漂亮图片的 Flutter 应用图标生成器,只完成了三分之一的工作。Android 需要 ic_launcher.png 重采样进 mipmap-mdpi 到 mipmap-xxxhdpi,外加自适应图标的前景与背景两层;iOS 需要 AppIcon.appiconset 里一个 1024 px 条目,由 Xcode 在构建时缩小。每一步消耗的都是同一张 1024 px 母版,而这正是本生成器产出的东西:描述标志,下载透明母版 PNG,把切图工作交给为它而生的 flutter_launcher_icons。Flutter 工具链里的应用图标生成器是两段管线的前半段,两段都快。
Flutter 要母版,不要成品图标
Flutter 构建消费一张 1024 px PNG,其余由 flutter_launcher_icons 自己派生。产出这张母版,正是 AI 真正擅长的那部分。
Android:mipmap 加自适应层
可上架的 Android 图标意味着重采样的启动尺寸,外加一层前景一层背景的自适应图标,全部在一个 YAML 块里声明。
iOS:一个 1024 px 条目
从 Xcode 14 起,iOS AppIcon.appiconset 只需要一张 1024 px PNG,flutter_launcher_icons 会连正确的 Contents.json 一起写入。一张母版覆盖两端。
三步生成 Flutter 应用图标
从一句话到重新生成的启动图标全套,不打开图像编辑器,也不用手工遮罩任何东西。
- 1
描述启动图标
比如「minimal launcher icon of a paper plane, flat two-tone blue, rounded square tile, plain background, centered」:写清主体、配色和方块形状。
- 2
下载 1024 px 母版 PNG
本页不锁定风格:选和你应用匹配的样子,母版保留透明背景,把 1024 px PNG 存进 Flutter 项目,例如 assets/icon/app_icon.png。
- 3
跑一次 flutter_launcher_icons
在 pubspec.yaml 里把 image_path 指向母版,运行 dart run flutter_launcher_icons。这个包会一次写完所有 mipmap、自适应层和 AppIcon.appiconset。
Flutter 图标运行后产出的每个文件
搜「flutter app launcher icon generator」的人其实只想问一个问题:运行之后磁盘上多了什么。这是完整清单,你可以拿它对着项目目录核对产出,而不是相信预览图。
Android mipmap 套装
ic_launcher.png 出现在 mipmap-mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi 五档,从母版重采样为 48 到 192 px,每种设备密度都拿到原生尺寸的层。
自适应前景与背景
自适应图标的分层:主体作为前景放在安全区内,背景层填你的颜色,按 108 dp 画布尺寸导出。
iOS AppIcon.appiconset
一张 1024 px PNG 加上声明它的 Contents.json;Xcode 14 及以后在构建时从这一个条目切出全部显示尺寸。
iOS 上架去除透明通道
App Store 提交会拒绝带 alpha 通道的应用图标。在 YAML 里设置 remove_alpha_ios,运行时 iOS 副本会平铺到背景色上,Android 保留透明。
Android 自适应图标:大多数生成器跳过的部分
从 Android 8 起,启动器会把每个图标遮罩成自己选的形状,一张铺满的方形母版会被你没见过的圆形、方圆形和圆角方形裁掉。自适应图标系统就是为这个存在的,它的几何规则正是「主屏图标锋利」和「主体被切头」之间的差别。
108 dp 画布与它的安全区
自适应层画在 108 dp 见方的画布上,但外圈留给遮罩:只有中央 66 dp 保证可见。把主体放进这个中心,每种启动器形状都能完整显示它。
前景与背景分离
自适应图标是两层:你的标志作前景,纯色或渐变铺在后面。拖动图标时两层还会轻微视差移动,单张扁平图做不到。
YAML 怎么映射这两层
flutter_launcher_icons 用 adaptive_icon_background 接收颜色或图片,用 adaptive_icon_foreground 接收前景层 PNG。本页生成的居中母版放进前景槽即可,不需要任何遮罩加工。
Flutter 图标生成器 vs 手工切图 vs Asset Studio
把一个 Flutter 应用从没有图标带到全套图标有三条路,差别集中在最容易被低估的一步:母版美术。下面是「AI 母版加 flutter_launcher_icons」对手工画图、以及对旧 Android 工具链的诚实对比。
| AI 母版 + flutter_launcher_icons | 手工美术 + flutter_launcher_icons | Android Asset Studio | |
|---|---|---|---|
| 起点 | 一句话,1024 px 母版由 AI 生成 | 一张你自己设计的 1024 px PNG | 你要自备前景与背景 PNG |
| 风格探索 | 反复生成变体直到标志成立 | 每个想法都要消耗设计工时 | 只有模板形状,没有美术生成 |
| 自适应层 | 居中母版直接进前景槽 | 自己遮罩、自己居中 | 模板化遮罩 |
| iOS 覆盖 | 同一母版喂给 AppIcon.appiconset | 美术到位后同一包也能处理 | 不覆盖;iOS 要单独手动导出 |
| 维护状态 | 生成器与包都在活跃开发 | flutter_launcher_icons 在 pub.dev 持续维护 | 页面已官方退役;官方指向后继工具 |
路线对比口径为 2026 年。Asset Studio 的退役状态来自其页面自述,该页现在指向后继工具;flutter_launcher_icons 状态以其 pub.dev 活跃度为准。pubspec.yaml 里请固定包版本。
Flutter 启动图标提示词
复制一条然后替换主体。启动图标在「一个主体 + 方块或干净背景 + 克制的配色」时读起来最清楚;场景和细线条到主屏尺寸就会消失。
极简启动方块
minimal launcher icon of a paper plane, flat two-tone blue, rounded square tile, plain background, centered, no text
俏皮果冻标志
playful launcher icon of a smiling coffee cup, jelly style, thick outline, pastel green rounded tile, centered
几何工具应用
geometric launcher icon of a hexagon bolt, flat vector style, dark slate and amber, rounded square, centered
这款 Flutter 图标生成器帮你做什么
从你的一句话到母版 PNG 落进 Flutter 项目,中间所有环节。
默认就是 1024 px 母版
候选图按 flutter_launcher_icons 给 image_path 的精确尺寸渲染,文件直接进 pubspec.yaml,没有改尺寸的中间站。
不锁风格预设
启动图标可以承载应用的任何气质;这一页把风格开关留给你,而不是替你锁定一种审美。
透明背景母版
导出保留 alpha 通道,自适应前景层正需要它;iOS 上架用一条 YAML 开关即可拍平。
同主体变体
生成变体探索方块形状与配色,同时标志仍然一眼是同一个应用。
母版之外全格式导出
PNG、WEBP、ICO、SVG 同会话导出,Play 商店素材、网站 favicon 和系统外壳一站式覆盖。
每个版本都是同一家族
跨提示词保持收尾词一致,为一套 Flutter 应用生成仍是兄弟相的启动图标。
Flutter 图标生成器常见问题
1024 px 母版如何喂给 flutter_launcher_icons、自适应图标安全区是什么意思、启动图标能不能用 SVG,以及免费积分的问题。
哪个是最好的 Flutter 应用图标生成器?
用四条标准衡量任何候选:能否导出透明 1024 px PNG 母版、美术风格是否跟得上你的应用而不是锁死一种审美、能否生成变体供你探索、产出能否不经过改尺寸直接进 flutter_launcher_icons。本页围绕这四条构建;切图这件事属于那个包,它是管线里从来不该手工做的一段。
怎么创建 Flutter 应用图标?
三步:生成 1024 px 母版 PNG,存进项目(例如 assets/icon/app_icon.png),然后在 flutter_launcher_icons 配置里把 image_path 指向它并运行 dart run flutter_launcher_icons。这个包会一次写完 Android mipmap、自适应层和 iOS AppIcon.appiconset。
Flutter 启动图标需要什么尺寸?
一张 1024 乘 1024 像素的 PNG 母版。每个 Android 密度桶和 iOS 条目都从它重采样,更大的画布没有收益,更小的母版会让 xxxhdpi 切片发虚。母版保持透明给自适应前景;iOS 上架副本可以再拍平。
Flutter 启动图标可以用 SVG 吗?
不可以。启动器管线从头到尾是位图:Android mipmap 和 iOS appiconset 都是 PNG 槽位,flutter_launcher_icons 要求位图母版。SVG 属于应用内部:flutter_svg 包按任意尺寸渲染矢量资源;搜「flutter svg icon generator」的人,多半真正想要的是这两种工具之一。
这个生成器能配合 flutter_launcher_icons 用吗?
这正是设计好的搭配。下载 1024 px 母版,把包加为 dev 依赖,把 image_path 指向该文件即可。上方的产物清单列出了运行会触碰的每个文件,方便你在项目目录里核对产出。
图标运行会改动哪些文件?
Android 侧:mipmap-mdpi 到 mipmap-xxxhdpi 各档的 ic_launcher.png,外加自适应前景与背景资源。iOS 侧:AppIcon.appiconset 及其 Contents.json。你的 Dart 代码和平台清单不会被碰;启动图标的更换只落在资源文件里。
为什么我的 Flutter 图标在 Android 上被裁了?
是启动器遮罩吃掉了它。自适应图标画在 108 dp 画布上,但只有中央 66 dp 是安全的,铺满整张母版的主体会被圆形和方圆形裁切。用居中主体加干净背景重新生成,留白就替你完成了遮罩工作。
怎么为 iOS 去掉透明通道?
在 flutter_launcher_icons 配置里设 remove_alpha_ios: true。App Store 提交拒绝带透明度的应用图标,这个开关会把 iOS 副本平铺到背景色上,Android 保留 alpha。重新运行命令后再提交。
Google Play 商店 listing 需要单独的图标吗?
需要。Play Console 要求商店页用一张 512 乘 512 的 PNG,它和设备上的启动图标套装是两回事。在这里从同一母版导出 512 px 切片,商店页和安装后的图标保持同一个标志。
这款 Flutter 图标生成器免费吗?
免费积分覆盖首次生成,每张候选图消耗一个积分渲染。1024 px 母版下载是标准导出对话框的一部分,免费积分的运行同样产出管线需要的文件。付费计划提供更大用量和更高分辨率。
生成你的 Flutter 应用图标
在 Flutter 图标生成器里描述启动图标,下载 flutter_launcher_icons 会切成全套套装的 1024 px 母版。