When submitting a Windows Phone 7 app, you need to include the following icons:
Large Mobile
Small Mobile
Large PC
Once listed on the market, the Large PC icon is displayed in the Marketplace on both the phone and PC - different style icons were used for each. What are these other icons used for?
Here is an image to clarify what we are seeing:
There are 6 images to be concerned about, but given pixel dimensions of two of them being the same, you could use just 5 images.
# Image Where Used? Size (Pixels) File Type Require/Option
1. Small mobile Phone Marketplace catalog 99 x 99 PNG Required
2. Large mobile Phone Marketplace catalog 173 x 173 PNG Required
3. Large PC PC Marketplace catalog (Zune) 200 x 200 PNG Required
4. Background Background panorama 1000 x 800 PNG Optional
5. App Icon In the app list on the phone 62 x 62 PNG Required
6. App Tile In the start page on the phone173 x 173 PNG Required
Notes:
1-4 are for selling/marketing your
app. 1-2 are shown in the
Marketplace on the phone and 3 is
shown in Zune. #4 - I believe it is
shown on both phone/Zune.
5-6 are used once the app is
installed. These are to be listed your WMAppManifest.xml as <IconPath IsRelative="true" IsResource="false">ApplicationIcon.png</IconPath> and <BackgroundImageURI IsRelative="true" IsResource="false">Background.png</BackgroundImageURI> respectively.
2 and 6 are the same pixel size, so they
can be the same, if that's what you want. I've done that.
You can use transparency on #6,
but don't use it on any other image.
If you browse the marketplace in the Zune software on the PC you'll see the 2 different size icons being used. The larger size is used in the list at the top of the page and the smaller size in the "we recommend" and "new apps" sections.
Related
Windows 10 has new pin icons in the Jump List. Black and white for different themes.
Old Windows 7 pin icons stayed inside imageres.dll, ID 5100, 5101.
Where are new icons stored? How get they with WinAPI?
Icons have traditionally been raster images. The benefit of raster images is, that they are blazingly fast to render. That speed comes with a downside, namely that raster images only look good at a narrow range of pixel densities. That was great for as long as most displays had a pixel density of 96 PPI (pixels per inch). With pixel densities increasing, raster images stopped being as useful as they used to be. On high-density displays, icons would either render too small, or had to be scaled up with all sorts of visual artifacts.
To address this, Windows 8 introduced font-based icons as the Windows UI Symbol font, that was superseded in Windows 10 by the Segoe MDL2 Assets font. Fonts are vector-based, and can be scaled across a wide range without (or very little) visual artifacts.
While I have not verified, whether the Windows Shell actually does use font icons, the icons you are looking for are available in the Segoe MDL2 Assets font with Unicode code points in the private use area:
U+E718 ("Pin")
U+E77A ("Unpin")
Since Windows 10 version 1903, icon resource files have been relocated to: C:\Windows\SystemResources\imageres.dll.mun
There is now a new extension for these files .mun instead of .mui (which still exist in system32 and syswow64 sub folders.
Also see the answer to the question Can I trust imageres.dll system icons indexes?:
The correct way to get the icons is to use SHGetStockIconInfo. It will tell you where the icon is in the current version of Windows.
If you want the system's current folder icons (which may not be the standard ones due to user customization), use SHGetFileInfo.
Just got the new Apple TV and I am trying to setup App Icons for a new app. It is asking for Front, Middle and Back images for both "App Icon - Large" and for "App Icon Small". I have tried putting a 512x512 image in for Middle and get the following error:
The last image stack layer with content, "Middle", must exactly fill the image stack. Its current frame is {{384, 128}, {512, 512}} while the image stack's size is {1280, 768}.
Does a 1280x768 image need to be used? More importantly, what exactly is needed in terms of image assets for tvOS Apps?
You need at least 2 images for both the App Icon - Large & App Icon - Small
(So total of 4 images - I used at first just the front & back, then I used all three layers for a total of 6 images)
The large icon is 1280x768, and the small one is 400 x 240
Apple's document:
https://developer.apple.com/tvos/human-interface-guidelines/icons-and-images/
Doesn't seems to specify that you only need one image for the 1280x768. But
I wasn't able to submit my App with just one image. I rendered my icons in the
full 1280x768 size and then scaled to 400 x 240.
In addition, you need to add the Top Shelf image which is 1920 x 720.
(Top Shelf Wide seems to be 2320 x 720.)
https://developer.apple.com/forums/thread/20689
Yes, you have add mismatched icons, that's why getting the error
Once you check all the sizes is correct
In stead of using the default symbol icons from Microsoft, I want to create some custom icons. Then I read upon this which explains how to achieve this.
<AppBarButton Label="BitmapIcon" Click="AppBarButton_Click">
<AppBarButton.Icon>
<BitmapIcon UriSource="ms-appx:///Assets/globe.png"/>
</AppBarButton.Icon>
</AppBarButton>
The above is working great. But my question is: what should the size of the icon image be (in this case globe.png)?
The answer to your question you can find at MSDN:
Icon images should be 48 x 48 pixels in size. The foreground graphic for the button should fit in a 26 x 26 area in the center of the image so that it does not overlap the circle.
Microsoft also published PSD files for assets - the link stands for Windows Phone 8 assets, but as far as I know the appbarbutton's icon hasn't changed.
When I make a new Universal App in Visual Studio 2013 I get a number of graphics files for the logos, splash screens, etc. in the Assets folder, for example Square71x71Logo.scale-240.png. The Package.appxmanifest then maps these files to the various required things. For example Square71x71Logo.scale-240.png is mapped in Package.appxmanifest to Square 71x71 Logo.
The actual file is 170 pixels wide, 170 pixels high, Photoshop reads it as having 72 pixels per inch, and it has an 8 bit colour depth.
What does the .scale-240 part of the file name signify?
I'm replacing the file and I am not sure how to scale-240-ify the new image.
The scale-240 part of the file name is a resource qualifier that indicates that the file is used for 240% DPI systems.
Resource qualifiers allow the app to provide different versions of the same resource for different scenarios and refer them all internally by the base name:
Scaling for different DPI systems: .scale-100, .scale-140, .scale-180, .scale-240
Language (if the image has text in it): .lang-de-DE, .lang-en-us
Contrast (to simplify for high contrast modes): .contrast-high, .contrast-standard
Layout direction (if the image should be different in LTR vs RTL language settings): .layoutdir-RTL, .layoutdir-LTR
DirectX feature level: .DXFL-DX9, .DXFL-DX11
The app can reference the image by its base name (e.g. logo.png) and the version which best matches the current scale, contrast level, language, etc. will be automatically used.
The default phone template provides scale-240 images since high-DPI phones are fairly common and it is generally better to scale down from a larger image than to scale up a small image. Best would be for you to provide multiple resolutions when you replace the stock ones with your own, especially if your images are complicated and don't scale well by default.
See How to name resources using qualifiers (XAML)
Universal apps need to be able to run on very different screens. You cannot predict up front what kind of device the user might have. Big difference if he has a cheap contract phone, an expensive slate or a desktop machine. WinRT helps by automatically scaling your app to match the screen resolution.
Supported scaling percentages for a desktop/slate app are 80, 100, 140 or 180%. For a phone it is 100, 140 or 240%.
Text can auto-scale easily but images do not. They get blurry when they get rescaled, a single pixel in the image no longer coincides with a single screen pixel. Pretty noticeable when the image contains fine line art or text. Scaling down necessarily loses pixels, details may disappear.
So the Visual Assets tab of the manifest editor allows you to select multiple images, each suitable for a specific scaling percentage. You found the -240 version in your phone project's Assets directory, the 240% scaling version that were auto-generated when you created the project. The desktop version has -100 assets by default, 100% scaling.
You may want to add your own. You don't have to.
.scale-xxx appears to refer to pre-scaled image resources.
If you are using a an image logo.png with size 100x100px then logo.scale-240.png should be an image of size 240x240px, i.e. scaled by a factor of 240 percent. The idea behind this concept is apparently to avoid potentially expensive and inaccurate rescaling by the displaying device, by supplying several prescaled images at defined scales.
In your case: 170px / 2.40 = ~71px
See also the corresponding MSDN article. (The linked article is in German, I will leave it to the interested reader to find the matching English one ;-)
I am using Xcode 6.1.1 and IOS 8.1.2 and try to add images for my app's icon; using the App Icon Sources option in the "App Icons and Launch images " in the Project General sheet.
Every time I upload images to match the required displayed Point size, I receive the following message from Xcode: " Did not have any applicable content Xcode". For example, uploading a 60pt square picture for the "iPhone App IOS 7,8 60pts"
It results into a compilation error, every time.
How to solve this?
In fact, the problem has come from the fact that the imported image for the app icon didn't have the proper size. In Xcode, it depicts the Icon size in Pt, as 29pt 2x, 40pt 2x, 60pt 2x and 60pt 3x. However, it is not possible to identify the pixel size of the required image from the literature.
One trick is to import one image for each of this icon; and opening the warning list. It will tell you the expected size.
However, here is the size in pixel for the app icons:
IPhone Spotlight - IOS 5,6 Settings, IOS 5-8 29pt 2x : 58 pixels
IPhone Spotlight IOS 7,8 40pt 2x: 80 pixels
IPhone App IOS 7,8 60pt 2x: 120 pixels
IPhone App IOS 7,8 60pt 3x: 180 pixels
Hope it can help you should you be in similar trouble :)