: 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
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?
More posts by @Speyer780
2 Comments
Sorted by latest first Latest Oldest Best
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
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
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.