共用方式為

建構 Windows 應用程式的圖示

  • 發行項

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

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

圖示大小 (WPF、UWP、WinUI)

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

圖示大小 (Win32)

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

圖示調整

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

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

注意

應用程式至少應該有以下尺寸的圖示：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 相容，建議您包含盡可能多的圖標資產。

啟動顯示畫面

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

Default

  • 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