ボトムアプリバーのアイコンがぼやけて表示される

Question

UWPアプリで作業していますが、正しく表示されないボトムのアプリアイコンに関する問題があります。

サイズが48×48のPNG形式の画像を使用しましたが、下のアプリバーにアイコンが正しく表示されません。一番下のアプリバーのスクリーンショットを添付しました。

スクリーンショット：

これは、誰もがどのように下のアプリバーの適切なアイコンを得るために私を提案することができ、私のコードです。

<Page.BottomAppBar> 
     <AppBar x:Name="applicationbar" Background="#FFE45427" IsSticky="True" PointerEntered="applicationbar_PointerEntered" PointerExited="applicationbar_PointerExisted" > 
      <StackPanel x:Name="bottombar" ScrollViewer.IsHorizontalRailEnabled="True" Orientation="Horizontal" HorizontalAlignment="Center"> 

       <AppBarButton Label="HOME" x:Name="appbarhome" Click="appbarhome_Click" PointerEntered="btnFilter_PointerEntered" PointerExited="btnFilter_PointerExited" ToolTipService.ToolTip="Dashboard" ToolTipService.Placement="Top"> 
        <AppBarButton.Icon> 
         <BitmapIcon UriSource="Images/DashboardImages/product-default-small.png" /> 
        </AppBarButton.Icon> 
       </AppBarButton> 

       <AppBarButton Label="Sales" x:Name="appbarsales" Click="appbarsales_Click" PointerEntered="btnFilter_PointerEntered" PointerExited="btnFilter_PointerExited" ToolTipService.ToolTip="Sales" ToolTipService.Placement="Top"> 
        <AppBarButton.Icon> 
         <BitmapIcon UriSource="Images/DashboardImages/menu_sales.png"/> 
        </AppBarButton.Icon> 
       </AppBarButton> 


       <AppBarButton Label="POS" x:Name="appbarpos" Click="appbarpos_Click" PointerEntered="btnFilter_PointerEntered" PointerExited="btnFilter_PointerExited" ToolTipService.ToolTip="POS" ToolTipService.Placement="Top"> 
        <AppBarButton.Icon> 
         <BitmapIcon UriSource="Images/DashboardImages/menu_pos.png"/> 
        </AppBarButton.Icon> 
       </AppBarButton> 


       <AppBarButton Label="Customer" x:Name="appbarcustomer" Click="customer_Click" PointerEntered="btnFilter_PointerEntered" PointerExited="btnFilter_PointerExited" ToolTipService.ToolTip="Customer" ToolTipService.Placement="Top"> 
        <AppBarButton.Icon> 
         <BitmapIcon UriSource="Images/DashboardImages/menu_customers.png"/> 
        </AppBarButton.Icon> 
       </AppBarButton> 

       <AppBarButton Label="About US" x:Name="appbarAboutUs" Click="aboutus_click" PointerEntered="btnFilter_PointerEntered" PointerExited="btnFilter_PointerExited" ToolTipService.ToolTip="About us" ToolTipService.Placement="Top"> 
        <AppBarButton.Icon> 
         <BitmapIcon UriSource="Images/DashboardImages/menu_aboutus.png"/> 
        </AppBarButton.Icon> 
       </AppBarButton> 

</Page.BottomAppBar> 

Answer 1

generating icon image

これら7テンプレート/アクションすべてのスケールサイズのために必要と推奨画像資産の本質的出力68（100、125、150、200、400）の話題によりますあなたのアプリケーションがどんなスクリーンでも見栄えがいいようにするために必要なパッケージイメージ

だから、あなたが作成し、他の画面解像度のためにあなたのアイコンのサイズを変更し、正しい名前を適用する必要があります。

menu_aboutus.Scale-100.png 
menu_aboutus.Scale-125.png 
menu_aboutus.Scale-150.png 
menu_aboutus.Scale-200.png 
menu_aboutus.Scale-400.png 

OSが自動的に正しいアイコンを選択し