I have a fullscreen iphone web app that has a startup screen that works. I am trying to figure out how to get this image looking better on the iP4, but if I change the size from 320x460 it simply will not load.
Anyone find a solution yet?
Thanks,
Peter
You need to have a second image with the ending #2x.
For example, if your startup image is named Default.png, your high-rest image should be named Default#2x.png
Related
I'm wondering, if you don't use a full screen image for your launch image (i.e. Default.png), will your image get stretched? For instance, I want to use a 320x460 image (reusing an image file that's already in my app), will that get stretched to fit 320x480?
I used a 320 x 460 launch image and Apple was fine with it. The binary passed validation and then the app was approved by the review team.
I'm not able to add splash screen for Retina device 3.5 in launch image, And while running with basic images its showing the following error,
Can any one help me to solve this issue.
Just Create another Default splash image with name Default#2x.png and store it in your project.
Just create this image with double size of original Default.png image...
first check...in your project Directory...Default#2x.png is available or not....
if yes then remove...and clean project...after then add once again...
So, I was creating an application for iOS with Xcode 4.2.1, I don't know why all of my icons are blurry, they are in high definition, but for some reason they looks blurry and in a bad quality.
even the background images looks bad..
Please help me, what can I do about it?
This is the original button image:
This is how it looks on the application:
Make sure you saved the high-resolution images with the ending #2x.png, if they aren't they won't work. Also remember that the images needs to be twice the size of the pixles on the screen, that means a 50px x 50px-button will need a 100px x 100px-#2x-file.
Read more about retina icons in the iOS Documentation here.
You should round the origin of each image. If you place image with coordinate like (250.34, 340.21) you get blurry effect.
This is very likely to happen when you use automatic position calculation as well as center property to place your views/images.
In the simulator, use the new Debug menu to check whether your images are misaligned. If they are, use NSRectIntegral to fix their frames.
Everything is in the title but I have to make myself clear :
I don't mean : how to automatically change the background of the app once it has finished launching.
What I mean is : when you first launch the app, before the first view is loaded by the iphone there is a black screen. Is it possible to change this black screen which I get when waiting for the first view to appear? I'd like to put a picture instead.
Thanks!
John
You need to set a Default.png and a Default#2x.png (for retina) and all the work is done for you. Or if you have payed to be a developer, download xcode 4 gm, and you can double click on the loading screen area and you can have it named what ever you wanted.
Just add a picture called "Default.png" to the project (size of the iPhone screen) and it'll automatically appear.
You can add Default.png and it's variations to your project. This image will be displayed as splash screen during application startup (before the first view is loaded).
Search for Application Launch Images at ...
http://developer.apple.com/library/ios/#documentation/iphone/conceptual/iphoneosprogrammingguide/BuildTimeConfiguration/BuildTimeConfiguration.html
You must specify Launch image
http://developer.apple.com/library/ios/#documentation/General/Reference/InfoPlistKeyReference/Articles/iPhoneOSKeys.html%23//apple_ref/doc/uid/TP40009252-SW9
The docs here explain the different types of launch images can should use:
http://developer.apple.com/library/ios/documentation/iphone/conceptual/iphoneosprogrammingguide/BuildTimeConfiguration/BuildTimeConfiguration.html#//apple_ref/doc/uid/TP40007072-CH7-SW12
I have an app and would like to make it retina display friendly.
How exactly does the process work? What images need to be added apart from what I have?
I know the sizes should be different, but am not sure on the details?
What else needs to be done to handle retina display?
Should the device be detected and use other images if the device supports retina display?
What if there are a lot of images? And how will this effect the app size?
Thanks
A good guide to this can be found here: http://mobile.tutsplus.com/tutorials/iphone/preparing-your-iphone-app-for-higher-resolutions/
In general you just create 2 sets of images. Your original and then a new one twice as big with #2x in the name. So for image.png at size 32x32 you would have one that is twice the resolution called image#2x.png at size 64x64. In your app just always use the image.png in Interface Builder and when loading in code.
There is no need to detect the device. These images will automatically be picked up by the OS and subbed in as necessary.
good articles if you're using sprites
http://weedygarden.net/2012/04/hi-res-retina-display-css-sprites/
The main thing about working with retina image is that image name convention.
And the size of image should be 2times greater than regular1.
Example- if your icon name for regular is icon.png then it should be icon#2x.png for
retina.And second thing is size for regular is 72*72 then it should be 144*144 for Retina.
It might be helpful for you.
Thnks