共用方式為


建構 Windows 應用程式的圖示

顯示 Windows 11 中數個圖示位置的圖表。

設計好應用程式的圖示之後,必須自行建立圖示檔案。 因為 Windows 支援多個主題、顯示解析度和縮放比例,所以您應該提供多個版本的圖示,以確保每個裝置在任何大小上看起來都很棒。

圖示大小 (WPF、UWP、WinUI)

Windows 會根據圖示顯示的位置和使用者的顯示縮放比例設定,以各種大小顯示您的應用程式圖示。 下表列出 Windows 可用來顯示圖示的所有可能大小。

圖示大小 (Win32)

Windows ICO 檔案已經存在很久了。 通常會使用一些標準尺寸,這些尺寸是上面完整集合的一部分。

圖示調整

當 Windows 顯示應用程式的圖示時,它會先尋找完全相符的尺寸。 如果沒有完全相符的尺寸,它將尋找比所需尺寸大的下一個尺寸並進行縮小。 隨著您的應用程式提供更多圖示尺寸,Windows 將更容易找到完美匹配的像素,並減少對縮放圖示的縮放量。

Windows 11 縮放比例 100% 125% 150% 200% 250% 300% 400%
內容功能表、標題列、系統匣 16 像素 20 像素 24 像素 32 圖元 40 像素 48 像素 64 像素
工作列、搜尋結果、啟動所有應用程式清單 24 像素 30 像素 36 圖元 48 像素 60 像素 72 圖元 96 像素
開始釘選 32 圖元 40 像素 48 像素 64 像素 80 像素 96 像素 256 像素

注意

應用程式至少應該有以下尺寸的圖示:16x16、24x24、32x32、48x48 和 256x256。 這包括了最常見的圖示尺寸,並透過提供一個 256px 的圖示,確保 Windows 只會將您的圖示縮小,而不會放大。

透明背景

圖示使用透明背景效果最好。 如果您的應用程式品牌需要將圖示放在背景上,那也沒關係。 但是,您必須重新實作透明圖示免費獲得的一些主題功能。 例如,您可以提供應用程式圖示的兩個版本,分別放在兩種不同的背景上,一個適合於明亮主題,另一個適合於暗色主題。

圖示和變體的完整清單

Windows 在不同的 UI 內容中使用不同的圖示資產。 使用方式在 Windows 10 和 Windows 11 之間有所變更。

下面的清單定義了 Windows 預期包含每個對應圖示的具體檔案名稱。

應用程式圖示

在 Windows 10 和 11 中,AppList 圖示是應用程式的主要圖示。 這將用於多個地方,包括工作列、開始釘選、所有應用程式清單和搜尋結果清單。 Windows 11 會根據目前的縮放比例選取所有應用程式清單的適當圖示,但如果您提供圖示,Windows 10 會使用特定明確定義的圖示。

所有三個主題變化的個別檔案 (預設值、淺色主題、深色主題) 都是必要的,即使圖示相同也一樣。 如果您未提供這些檔案,您的圖示會出現在系統圖示板上,以確保最小對比率。

應用程式清單目標大小 (必要)

  • AppList.targetsize-16.png
  • AppList.targetsize-20.png
  • AppList.targetsize-24.png
  • AppList.targetsize-30.png
  • AppList.targetsize-32.png
  • AppList.targetsize-36.png
  • AppList.targetsize-40.png
  • AppList.targetsize-48.png
  • AppList.targetsize-60.png
  • AppList.targetsize-64.png
  • AppList.targetsize-72.png
  • AppList.targetsize-80.png
  • AppList.targetsize-96.png
  • AppList.targetsize-256.png

深色主題 (必要)

  • AppList.targetsize-16_altform-unplated.png
  • AppList.targetsize-20_altform-unplated.png
  • AppList.targetsize-24_altform-unplated.png
  • AppList.targetsize-30_altform-unplated.png
  • AppList.targetsize-32_altform-unplated.png
  • AppList.targetsize-36_altform-unplated.png
  • AppList.targetsize-40_altform-unplated.png
  • AppList.targetsize-48_altform-unplated.png
  • AppList.targetsize-60_altform-unplated.png
  • AppList.targetsize-64_altform-unplated.png
  • AppList.targetsize-72_altform-unplated.png
  • AppList.targetsize-80_altform-unplated.png
  • AppList.targetsize-96_altform-unplated.png
  • AppList.targetsize-256_altform-unplated.png

淺色主題 (必要)

  • AppList.targetsize-16_altform-lightunplated.png
  • AppList.targetsize-20_altform-lightunplated.png
  • AppList.targetsize-24_altform-lightunplated.png
  • AppList.targetsize-30_altform-lightunplated.png
  • AppList.targetsize-32_altform-lightunplated.png
  • AppList.targetsize-36_altform-lightunplated.png
  • AppList.targetsize-40_altform-lightunplated.png
  • AppList.targetsize-48_altform-lightunplated.png
  • AppList.targetsize-60_altform-lightunplated.png
  • AppList.targetsize-64_altform-lightunplated.png
  • AppList.targetsize-72_altform-lightunplated.png
  • AppList.targetsize-80_altform-lightunplated.png
  • AppList.targetsize-96_altform-lightunplated.png
  • AppList.targetsize-256_altform-lightunplated.png

應用程式清單級別 (Windows 10) (選用)

  • AppList.scale-100.png
  • AppList.scale-125.png
  • AppList.scale-150.png
  • AppList.scale-200.png
  • AppList.scale-400.png

淺色主題 (Windows 10) (選用)

  • AppList.scale-100_altform-colorful_theme-light.png
  • AppList.scale-125_altform-colorful_theme-light.png
  • AppList.scale-150_altform-colorful_theme-light.png
  • AppList.scale-200_altform-colorful_theme-light.png
  • AppList.scale-400_altform-colorful_theme-light.png

注意

如果您不將 targetsize-*-altform-unlated 資產包含在圖示上方,您的圖示將縮放為較小的尺寸,並且工作列和開始圖示後面會出現不需要的背板。

Windows 10 支援四個圖標尺寸:小、中、寬和大。

預設/深色主題 (部分必要)

  • SmallTile.scale-100.png
  • SmallTile.scale-125.png
  • SmallTile.scale-150.png
  • SmallTile.scale-200.png
  • SmallTile.scale-400.png
  • MedTile.scale-100.png
  • MedTile.scale-125.png
  • MedTile.scale-150.png
  • MedTile.scale-200.png
  • MedTile.scale-400.png
  • WideTile.scale-100.png
  • WideTile.scale-125.png
  • WideTile.scale-150.png
  • WideTile.scale-200.png
  • WideTile.scale-400.png
  • LargeTile.scale-100.png
  • LargeTile.scale-125.png
  • LargeTile.scale-150.png
  • LargeTile.scale-200.png
  • LargeTile.scale-400.png

淺色主題 (選用)

  • SmallTile.scale-100_altform-colorful_theme-light.png
  • SmallTile.scale-125_altform-colorful_theme-light.png
  • SmallTile.scale-150_altform-colorful_theme-light.png
  • SmallTile.scale-200_altform-colorful_theme-light.png
  • SmallTile.scale-400_altform-colorful_theme-light.png
  • MedTile.scale-100_altform-colorful_theme-light.png
  • MedTile.scale-125_altform-colorful_theme-light.png
  • MedTile.scale-150_altform-colorful_theme-light.png
  • MedTile.scale-200_altform-colorful_theme-light.png
  • MedTile.scale-400_altform-colorful_theme-light.png
  • WideTile.scale-100_altform-colorful_theme-light.png
  • WideTile.scale-125_altform-colorful_theme-light.png
  • WideTile.scale-150_altform-colorful_theme-light.png
  • WideTile.scale-200_altform-colorful_theme-light.png
  • WideTile.scale-400_altform-colorful_theme-light.png
  • LargeTile.scale-100_altform-colorful_theme-light.png
  • LargeTile.scale-125_altform-colorful_theme-light.png
  • LargeTile.scale-150_altform-colorful_theme-light.png
  • LargeTile.scale-200_altform-colorful_theme-light.png
  • LargeTile.scale-400_altform-colorful_theme-light.png

注意

Windows 11 不會使用圖標資產,但目前至少需要 100% 的中型圖標資產才能發佈至 Microsoft 市集。 如果您的應用程式與 Windows 10 和 11 相容,建議您包含盡可能多的圖標資產。

啟動顯示畫面

啟動顯示畫面也可以是淺色和深色主題感知,例如應用程式圖示資產。

預設值

  • SplashScreen.scale-100.png
  • SplashScreen.scale-125.png
  • SplashScreen.scale-150.png
  • SplashScreen.scale-200.png
  • SplashScreen.scale-400.png

深色主題 (選擇性)

  • SplashScreen.scale-100_altform-colorful_theme-dark.png
  • SplashScreen.scale-125_altform-colorful_theme-dark.png
  • SplashScreen.scale-150_altform-colorful_theme-dark.png
  • SplashScreen.scale-200_altform-colorful_theme-dark.png
  • SplashScreen.scale-400_altform-colorful_theme-dark.png

淺色主題 (選用)

  • SplashScreen.scale-100_altform-colorful_theme-light.png
  • SplashScreen.scale-125_altform-colorful_theme-light.png
  • SplashScreen.scale-150_altform-colorful_theme-light.png
  • SplashScreen.scale-200_altform-colorful_theme-light.png
  • SplashScreen.scale-400_altform-colorful_theme-light.png

徽章圖示會在 Windows 10 鎖定畫面上使用,而且大部分的應用程式都不需要。

Windows 10 (選用)

  • BadgeLogo.scale-100.png
  • BadgeLogo.scale-125.png
  • BadgeLogo.scale-150.png
  • BadgeLogo.scale-200.png
  • BadgeLogo.scale-400.png

這些資產必須發佈至 Microsoft 市集。

預設/深色主題 (必要)

  • StoreLogo.scale-100.png
  • StoreLogo.scale-125.png
  • StoreLogo.scale-150.png
  • StoreLogo.scale-200.png
  • StoreLogo.scale-400.png

淺色主題 (選用)

  • StoreLogo.scale-100_altform-colorful_theme-light.png
  • StoreLogo.scale-125_altform-colorful_theme-light.png
  • StoreLogo.scale-150_altform-colorful_theme-light.png
  • StoreLogo.scale-200_altform-colorful_theme-light.png
  • StoreLogo.scale-400_altform-colorful_theme-light.png