I want to update my Windows Phone 8 app to a Windows Phone 8.1, however I can't seem to find much information regarding tile sizes and images.
I found this:
https://msdn.microsoft.com/en-us/library/windows/apps/hh846296.aspx
Which is for Windows Store and guides to this:
https://msdn.microsoft.com/en-us/library/windows/apps/hh846296.aspx
Which only applies to Windows Phone 8 and Windows Phone Silverlight 8.1 | Windows Phone OS 7.1.
Anyone knows which tile sizes are required for Windows Phone 8.1? To be specific I'm talking the images used in the Package.appxmanifest file.
Thank you in advance.
These three sizes are available for Windows Phone 8.1, which you can provide in the app's manifest file :
1) Small (71x71)
2) Medium (150x150)
3) Wide (310x150)
Images must have dimensions less than or equal to 1024x1024 pixels, have a file size of less than or equal to 200 KB, and be of type .png, .jpg, .jpeg, or .gif.
A tile is always pinned to the Start screen as a medium tile, though the user can then resize it.
There is also a Tiny (44x44) image available, but this not a tile and it is used only as a logo in search results and the Apps list.
Here are the proper sizes of Windows Phone 8.1 tiles.
small: 159 x 159 pixels
medium: 336 x 336 pixels
wide: 691 x 336 pixels
I use them in all my apps.
However, when you create a new Windows Phone 8.1 RT project, then you can check sizes of default images. They are a little bit bigger.
small: 170 x 170 pixels
medium: 360 x 360 pixels
wide: 744 x 360 pixels
Using bigger images may be even better for high-resolution screens.
Related
I am developing window phone 8.1 WinJS application. I set the style 'width:450px;border:1px solid' to body to check it fit the screen. Whey I test it on Nokia Lumia 635 it does not show right side border only Window phone emulator 1080p 6 inch shows it fully. Any body knows where is the problem
Effective pixel resolution for 4.5 inch device for windows phone 8.1 RT is 384x640. You should read this for screen sizes in windows 8.1 RT apps
I'm writing Windows Phone 8.1 application (I don't care about tablets and desktops in this case) and I'm not sure which screen size psds should I ask from a graphic designer?
I have read design guidlines for Windows Phone 8.1, I get the system of scaling images and their name convention, but I haven't found the advice which screen sizes should I consider in real?
I got a psd from graphic designer in size 720x1280 and there is a background image. Is it enough?
If I get it right, Nokia Lumia 1520 has a screen resolution 1920 x 1080 so I need also that size, right?
How scaled psds do you usually get from a graphic designer for Windows Phone?
Thank you
Windows (Phone) uses a scale factor depending on the pixel density (DPI) of the device. Therefore, there is no default resolution any longer.
Screens with high DPI get a high Scale Factore applied, so all resources are scaled up together with the (all vector based) UI.
Image assets get automatically scaled up, but you can add the scaled items by hand for better results.
So the answer to your question probably is: Yes, it is enough, but you can add additional higher resolution assets for better results.
Also, Phone Store apps allow you to create bundles, containing only the assets for the device you install the app on (if it is installed from the store), so you don't need to care about package/download size.
See:
Quickstart: Using file or image resources
Guidelines for scaling to pixel density
It depends on whether you are building for Silverlight or Windows XAML.
For Silverlight, all phones are considered to be 480 x 800 pixels (for 15:9 devices) or 480 x 854 pixels (for 16:9 devices). The platform will map each of those effective pixels to either 1, 1.5, 1.6, or 2.25 physical pixels depending on the actual resolution of the panel (WVGA, 720p, WXGA, or 1080p). So all UI designs should be built for 480px wide, but you can build higher-resolution assets if needed.
For Windows XAML apps, the story is more complicated. The effective resolution of phones ranges from 384 x 640 up to around 450 x 800 (and possibly higher), based mostly on the physical size of the device. Scale factors range from 1.0 to upwards of 2.4, and each effective pixel is "bigger" in terms of actual physical size compared to Silverlight pixels.
There is more information in my //build talk
I've developed and submitted a WP 8 app. it's a cocos2Dx game.
I can test it on my device (WVGA) but the simulators (ex: WXGA) don't work on my PC.
I only checked "WVGA" in the WMAppManifest.xml as I can't test the other resolutions
so in the store, it is written : "App requires WVGA (480x800)"
question : is the app available and does it work (with a kind of auto scale) on devices with other resolutions ? (ex: WXGA)
It depends on what you selected in WMAppManifest.xml. At the bottom of the application settings you will find supported resolutions. Tick all three and your app will automatically work on all supported resolutions.
WVGA and WXGA share the same aspect ratio of 15:9, but 720p is slightly taller and uses aspect ration of 16:9.
Read more on Multi-resolution apps for Windows Phone 8.
I want to display a website in a Windows Phone 8 WebBrowser view and fix the viewport zoom to display content in the logical screen resolution, e. g. a 300 CSS pixels wide element should take 300 physicals pixels on a device with a device pixel ratio of 1.0 while taking 600 physical pixels on a hi-res screen with 2.0 device pixel ratio.
Windows Phone 8 WebBrowser view elements rely on #-viewport when it comes to configuring a web page's viewport: http://msdn.microsoft.com/en-us/library/ie/hh869615%28v=vs.85%29.aspx http://dev.w3.org/csswg/css-device-adapt/#the-lsquozoomrsquo-descriptor
Yet, zoom properties are not implemented and therefore cannot be used. Is there any CSS or JavaScript approach to achieve the desired behaviour?
I'm trying to understand how to calculate just how much bigger to make images for 'Retina' quality screens. I understand that the general answer is just 'x2' but it's never explained why this is.
For example, let's take a MacBook Air vs. the new MacBook Pro Retina.
Resolution
MacBook Air - 1440 x 900
MacBook Pro - 2560 x 1600 (this is not simply 'x2', it is x1.77 greater)
PPI
MacBook Air - 128
MacBook Pro - 227 (again this is not simply 'x2', it is x1.77 greater).
Can someone answer, is it simply just a general rule to make things 'x2' or whether that is actually the dimensions needed?
I'd really like this explained rather than just a simple Yes / No. Thanks
The "×2" is simply a rough guideline.
On a "normal" computer monitor (96 dpi), a 200x200 pixel picture would be about 2" wide on the screen, while on a Macbook Pro it would be just under 1". So in order to get the same physical width, it would have to be approximately 2 times as large in terms of pixels.