Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

WinPhone 8 AppBar icon size

The guide for Windows Phone 8 app bars states that AppBar button icons should be 48x48px. It also says that a bunch of sample icons can be found in C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v8.0\Icons.

But the images in there are 76x76px. And they work fine, at least on the emulator they do.

So what's the proper size?

like image 961
Seva Alekseyev Avatar asked Nov 10 '12 15:11

Seva Alekseyev


People also ask

What is the perfect size for an icon?

Icon incrementsIcons work best at the power of 8. So always try and make your icon sizes divisible by 8 — this depends on what grid you're using, if you're using a 10x10 grid then make icons divisible by 10.

What size should PNG icons be?

The ideal size for custom icons is 180px wide × 180px tall. Please upload a . png file with a transparent background.

What is the standard size of an app icon?

Final size: 512px x 512px. Format: 32-bit PNG. Color space: sRGB.

What size are website icons?

The optimal size for favicons is 16x16 pixels. That's how they appear in browser tabs, address bars, and bookmark lists. Ideally however, you'll create your favicon in multiple sizes.


2 Answers

So what's the proper size?

76x76, because then you support higher resolutions. If you use 48x48, it'll be scaled up for WXGA and 720p, rather than down (for WVGA), with the quality being slightly worse.

The factor is roughly 1.6, which is the same as for the Tile Sizes

And to prove the point, here's our application, using 76x76 application icons: Skype | Windows Phone Store

like image 86
Claus Jørgensen Avatar answered Sep 25 '22 13:09

Claus Jørgensen


They are 48x48px as the people above have said, but the 76x76px ones you are seeing are for devices with a different screen size from that set by Visual Studio as default.

If you are looking for any additional icons do check out Templarian's open-sourced icon project http://modernuiicons.com/. The .zip includes light and dark themes icons as well as the initial Expressions Blend .design file and the .xaml coding of the icon.

like image 44
Graham Smith Avatar answered Sep 23 '22 13:09

Graham Smith