Mobile app version of vmapp.org
Login or Join
Speyer780

: How can I make crisp icons for Windows Store apps? I'm pretty new to making graphics for a specific platform but not to graphic design in general. I have a logo I made using Illustrator and

@Speyer780

Posted in: #AdobeFireworks #AdobeIllustrator #Logo #Windows8

I'm pretty new to making graphics for a specific platform but not to graphic design in general.

I have a logo I made using Illustrator and had scaled it accordingly by using the Save to Web feature of Illustrator and then added it to a canvas in Fireworks.

In Fireworks the icon looks really crisp, even when I view it in Windows by using the built-in image Preview context menu. Its a square logo sitting at 70x70 pixels.

However, when I add it to my application and I pin it to the metro start menu in Windows, it looks blurry.

What do I need to do to make my image look sharp, crisp, and overall correct on the Windows Metro OS?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Speyer780

2 Comments

Sorted by latest first Latest Oldest Best

 

@Bryan765

From the MSDN forum


For a desktop app's icon include the full set of sizes (16x16, 32x32, 48x48, and 256x256) and Windows will choose the most appropriate version. If the right size isn't available then Windows will try to scale a larger one down. If you include only small sizes and Windows has to scale it up then it will end up blurry.


See also: msdn.microsoft.com/en-us/library/windows/desktop/dn742485.aspx

10% popularity Vote Up Vote Down


 

@Heady304

maybe you could make the resolution of the picture the same as the size of the button.


Windows XP:


Explorer views:


Details / List: 16
Icons: 32
Tiles / Thumbnails: 48

Right-click->Properties / choosing a new icon: 32
Quickstart area: 16
Desktop: 32


Windows 7:


Explorer views:


Details / List / Small symbols: 16
All other options: 256 (resized, if necessary)

Right-click->Properties / choosing a new icon: 32
Pinned to taskbar: 32


Right-click-menu: 16

Desktop:


Small symbols: 32
Medium symbols: 48
Large symbols: 256 (resized, if necessary)
Zooming using Ctrl+Mouse wheel: 16, 32, 48, 256



Windows Runtime: (from here)


Main tile: 150x150, 310x150 (wide version)
Small logo: 30x30
Badge (for lockscreen): 24x24, monochromatic
Splashscreen: 620x300
Store: 50x50



Source: Daniel Rose

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme