SparkIconAISparkIconAI
🚀 Now powered by GPT Image 2.5: the latest image model!
✨ SparkIconAI 3.0 is here: generate and evolve icons on an infinite canvas
🚀 Now powered by GPT Image 2.5: the latest image model!

Flutter 圖示生成器:AI 應用圖示

Flutter 要的不是一張成品圖示,而是一張 1024 px 母版 PNG,交給 flutter_launcher_icons 去切出專案需要的每一個 mipmap 和 AppIcon.appiconset 條目。這一頁就是 Flutter 專案起點的應用圖示生成器:描述啟動圖示,下載透明 1024 px 母版,填進 pubspec.yaml。本頁不鎖定任何風格預設,因為啟動圖示可以承載應用的任何氣質,從扁平幾何到俏皮果凍都行。免費積分覆蓋首次生成。

靈感畫廊

Flutter 應用圖示生成器:一句話提示詞示例

Flutter 專案常用風格下繪製的啟動圖示:單一主體、大膽方塊、乾淨背景,從主螢幕到 Play 商店都保持可辨認的形狀。

AI-generated metallic icon
AI-generated 3d icon
AI-generated minimalist icon
AI-generated glassy icon
AI-generated clay icon
AI-generated line icon
AI-generated hand drawn icon
AI-generated metallic icon
AI-generated 3d icon
AI-generated glassy icon
AI-generated minimalist icon
AI-generated glassy icon
AI-generated line icon
AI-generated 3d icon
AI-generated minimalist icon
AI-generated clay icon
AI-generated metallic icon
AI-generated hand drawn icon
AI-generated glassy icon
AI-generated line icon
AI-generated 3d icon
AI-generated glassy icon
AI-generated metallic icon
AI-generated 3d icon
AI-generated neon icon
AI-generated line icon
AI-generated clay icon
AI-generated minimalist icon
AI-generated glassy icon
AI-generated metallic icon
AI-generated hand drawn icon
AI-generated 3d icon
AI-generated minimalist icon
AI-generated metallic icon
AI-generated glassy icon
AI-generated clay icon
AI-generated metallic icon
AI-generated 3d icon
AI-generated line icon
AI-generated glassy icon
AI-generated minimalist icon
AI-generated 3d icon
AI-generated neon icon
AI-generated line icon
AI-generated metallic icon
AI-generated clay icon
AI-generated glassy icon
AI-generated 3d icon
AI-generated metallic icon
AI-generated minimalist icon
介紹

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 應用圖示生成器:一張 AI 繪製的 1024 畫素母版 PNG,分別餵給 Android mipmap 資料夾和 iOS AppIcon.appiconset
使用流程

三步生成 Flutter 應用圖示

從一句話到重新生成的啟動圖示全套,不開啟影像編輯器,也不用手工遮罩任何東西。

  1. 1

    描述啟動圖示

    比如「minimal launcher icon of a paper plane, flat two-tone blue, rounded square tile, plain background, centered」:寫清主體、配色和方塊形狀。

  2. 2

    下載 1024 px 母版 PNG

    本頁不鎖定風格:選和你應用匹配的樣子,母版保留透明背景,把 1024 px PNG 存進 Flutter 專案,例如 assets/icon/app_icon.png。

  3. 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。本頁生成的居中母版放進前景槽即可,不需要任何遮罩加工。

Android 自適應圖示解剖:108 dp 畫布中央的 66 dp 安全區內放著主體,旁邊是圓形與方圓形啟動器遮罩的裁切演示
路線對比

Flutter 圖示生成器 vs 手工切圖 vs Asset Studio

把一個 Flutter 應用從沒有圖示帶到全套圖示有三條路,差別集中在最容易被低估的一步:母版美術。下面是「AI 母版加 flutter_launcher_icons」對手工畫圖、以及對舊 Android 工具鏈的誠實對比。

AI 母版 + flutter_launcher_icons手工美術 + flutter_launcher_iconsAndroid 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,以及免費積分的問題。

1

哪個是最好的 Flutter 應用圖示生成器?

用四條標準衡量任何候選:能否匯出透明 1024 px PNG 母版、美術風格是否跟得上你的應用而不是鎖死一種審美、能否生成變體供你探索、產出能否不經過改尺寸直接進 flutter_launcher_icons。本頁圍繞這四條構建;切圖這件事屬於那個包,它是管線裡從來不該手工做的一段。

2

怎麼建立 Flutter 應用圖示?

三步:生成 1024 px 母版 PNG,存進專案(例如 assets/icon/app_icon.png),然後在 flutter_launcher_icons 配置裡把 image_path 指向它並執行 dart run flutter_launcher_icons。這個包會一次寫完 Android mipmap、自適應層和 iOS AppIcon.appiconset。

3

Flutter 啟動圖示需要什麼尺寸?

一張 1024 乘 1024 畫素的 PNG 母版。每個 Android 密度桶和 iOS 條目都從它重取樣,更大的畫布沒有收益,更小的母版會讓 xxxhdpi 切片發虛。母版保持透明給自適應前景;iOS 上架副本可以再拍平。

4

Flutter 啟動圖示可以用 SVG 嗎?

不可以。啟動器管線從頭到尾是點陣圖:Android mipmap 和 iOS appiconset 都是 PNG 槽位,flutter_launcher_icons 要求點陣圖母版。SVG 屬於應用內部:flutter_svg 包按任意尺寸渲染向量資源;搜「flutter svg icon generator」的人,多半真正想要的是這兩種工具之一。

5

這個生成器能配合 flutter_launcher_icons 用嗎?

這正是設計好的搭配。下載 1024 px 母版,把包加為 dev 依賴,把 image_path 指向該檔案即可。上方的產物清單列出了執行會觸碰的每個檔案,方便你在專案目錄裡核對產出。

6

圖示執行會改動哪些檔案?

Android 側:mipmap-mdpi 到 mipmap-xxxhdpi 各檔的 ic_launcher.png,外加自適應前景與背景資源。iOS 側:AppIcon.appiconset 及其 Contents.json。你的 Dart 程式碼和平臺清單不會被碰;啟動圖示的更換隻落在資原始檔裡。

7

為什麼我的 Flutter 圖示在 Android 上被裁了?

是啟動器遮罩吃掉了它。自適應圖示畫在 108 dp 畫布上,但只有中央 66 dp 是安全的,鋪滿整張母版的主體會被圓形和方圓形裁切。用居中主體加乾淨背景重新生成,留白就替你完成了遮罩工作。

8

怎麼為 iOS 去掉透明通道?

在 flutter_launcher_icons 配置裡設 remove_alpha_ios: true。App Store 提交拒絕帶透明度的應用圖示,這個開關會把 iOS 副本平鋪到背景色上,Android 保留 alpha。重新執行命令後再提交。

9

Google Play 商店 listing 需要單獨的圖示嗎?

需要。Play Console 要求商店頁用一張 512 乘 512 的 PNG,它和裝置上的啟動圖示套裝是兩回事。在這裡從同一母版匯出 512 px 切片,商店頁和安裝後的圖示保持同一個標誌。

10

這款 Flutter 圖示生成器免費嗎?

免費積分覆蓋首次生成,每張候選圖消耗一個積分渲染。1024 px 母版下載是標準匯出對話方塊的一部分,免費積分的執行同樣產出管線需要的檔案。付費計劃提供更大用量和更高解析度。

生成你的 Flutter 應用圖示

在 Flutter 圖示生成器裡描述啟動圖示,下載 flutter_launcher_icons 會切成全套套裝的 1024 px 母版。