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 母版。