Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

App icon in UWP

I am new to Xamarin and I am creating UWP application. I wanted to know From where i can set app icon image. I had gone through may articles and question on stack-overflow that looks similar, but it still its not clear..

So my Question is exactly where i should change my image for logo. only 24x24 as shown in below image.then what are the others badge logo and etc.?

should i change all images for logo with all dimensions also?

enter image description here

AppxMainfest.Xaml

<?xml version="1.0" encoding="utf-8"?>
<Package ...>
  ...
  <Properties>
        <DisplayName>StockDispatchApp.UWP</DisplayName>
        <PublisherDisplayName>pci207</PublisherDisplayName>
        <Logo>Assets\StoreLogo.png</Logo>
    </Properties>
    <Dependencies>
        <TargetDeviceFamily Name="Windows.Universal" MinVersion="10.0.10240.0" MaxVersionTested="10.0.10586.0" />
    </Dependencies>
    <Resources>
        <Resource Language="EN-US" />
    </Resources>
    <Applications>
        <Application Id="App" Executable="StockDispatchApp.UWP.exe" EntryPoint="StockDispatchApp.UWP.App">
        <uap:VisualElements DisplayName="StockDispatchApp.UWP" Square150x150Logo="Assets\Square150x150Logo.png" Square44x44Logo="Assets\Square44x44Logo.png" Description="StockDispatchApp.UWP" BackgroundColor="transparent">
            <uap:LockScreen Notification="" BadgeLogo="Assets\96x96.png" />
            <uap:DefaultTile Wide310x150Logo="Assets\Wide310x150Logo.png"></uap:DefaultTile>
            <uap:SplashScreen Image="Assets\SplashScreen.png" />
        </uap:VisualElements>
        </Application>
    </Applications>
    <Capabilities>
        <Capability Name="internetClient" />
    </Capabilities>
    ...

like image 395
Neelam Prajapati Avatar asked Sep 14 '16 05:09

Neelam Prajapati


2 Answers

The MSDN documentation provides clear description of where each of the images is used. In the bottom you can see Asset size tables tables which contain all the dimensions and their usage.

As for the Square 44x44 logo, the first five images in the first row are used for different scales in the app list.

The target images are used for app icons in different places around the system. In their unplated form, they should have transparent background. You can provide just the sizes recommended by the form, but you can also provide more sizes (see the documentation for the complete table).

like image 85
Martin Zikmund Avatar answered Oct 09 '22 07:10

Martin Zikmund


You don't need to worry about this, you can simply generate all the icons from Visual Studio 2017.

  • Go to App manifest and click on Visual Assets In all visual assets
  • There is option called Asset Generator, select at least a 400x400 px icon file size for the source field
  • And tap generate And here you get the all icons.

For reference please have a look at the attached screenshot.

enter image description here

like image 34
Gopal Devra Avatar answered Oct 09 '22 07:10

Gopal Devra