When I drag 'My iPhone App' application's file into iTunes it has proper view. Rounded corners and transparent background.
Then I close iTunes and open it again. Corners are still rounded but... What has happened with the background?
http://www.freeimagehosting.net/uploads/15fee337bc.png
Icon is a project's resource file named 'iTunesArtwork' with dimension 512x512, PNG format.
The icon needs to be 57x57 png. Not 512x512.
Looks like a bug in iTunes. Try to update to latest one.
Related
Hi Iam installing a application through iTunes, but when im adding the application(.ipa file) to iTunes its not displaying the app icon image and when I install the application into iPhone it is displaying the app icon image.
May I know where is the problem.
I want image to be displayed when I add the .ipa file to iTunes.
Did you add the iTunesArtwork icon file?
http://developer.apple.com/library/ios/#qa/qa1686/_index.html
Note that this must be a 512 by 512 png image but its name is iTunesArtwork with no file extension.
If u get the ipa file from xcode and open it in itunes, it won't show the icon image in itunes, if you install it in ur iphone through sync with itunes, then the icon will be displayed.
This is the normal thing. Don't bother about that.
you have to add 76x76, 152x152, 40x40, 80x80, 29x29, 72x72, 154x154, 50x50, 100x100 and iTunesArtwork for see proper icon of app.
App Icon naming iTunesArtwork(512 X 512) and iTunesArtwork#2x(1024 X 1024) should be added without image extention.
I use a icon.png file of size 57*57 and a icon#2x.png file of size 114*114 as app icons. When building as a normal app, which is installed at /var/mobile/Applications, everything seems normal.
But when I build it with iOSOpenDev, installed at /Applications, the icon turns a little bigger than others (the right icon).
Any ideas? How can I set the icon's size to normal?
I've noticed this before, too. It isn't just an iOSOpenDev issue. I see this with jailbreak apps installed to /Applications, not built with iOSOpenDev, too. I'm not sure, but here's what I guess is going on:
With iOS apps, you can choose whether or not the OS should apply a gloss effect to your app icon by setting a flag in your app's Info.plist file:
<key>UIPrerenderedIcon</key>
<true/>
So, obviously, the OS is not just displaying app icons the way you originally drew them. I'm guessing that the OS also applies a standard shadow effect to app icons, at least for normal app store apps (installed in /var/mobile/Applications). The difference is that this effect is not optional for those App Store apps.
Looking at a screenshot off my jailbroken Retina iPhone, it appears that iOS is reserving 120 pixels (for Retina devices) for the app icon, and if you simply provide a 114x114 icon image, it will scale it up. That's what you're seeing.
So, try making your app icon 120x120 pixels. You don't need to change the actual rounded rectangle square. Simply open it up in a photo editor, and increase the canvas to 120x120. The extra space should be transparent. It appears that you don't want the rounded rectangle to be centered, but instead have maybe 1 pixel of transparent space above it, and about 5 pixels of transparency below it.
Rebuild your app with the Icon#2x.png at this larger 120x120 size, and see how it looks.
If you really want to get it perfect, I think you're also going to need to draw in the shadow effect yourself. The light source is from the top, so the shadow should be below the icon.
Note that for jailbreak apps installed in /Applications, your app icons absolutely can have transparency (and PNG supports it). It's just App Store apps that Apple doesn't want using transparent icon images.
Here is the app icon from Cydia, found on your filesystem at /Applications/Cydia.app/icon\#2x.png. As you can see, it comes with the gloss effect and the bottom shadow embedded in the image:
Upon submission of an iPhone app to iTunes Connect for AppStore distribution, they ask for a 512x512 pixel image. Here is what it says next to the place to submit it:
"A large version of your app icon that will be used on the App Store. It must be at least 72 DPI and a minimum of 512x512 pixels (it cannot be scaled up). It must be flat artwork without rounded corners."
So are they going to round the corners like they do elsewhere or not?? The iOS Human Interface Guidelines indicate NOT: "There are no visual effects added to this version of your application icon"
Yet all the images I see on iTunes app store are rounded. Also web version of iTunes show rounded icons, and infact are 175, 175 square with an image mask that has rounded corners: http://a1.phobos.apple.com/us/r1000/050/Purple/49/68/e3/mzi.wijnmlbw.175x175-75.jpg and http://ax.phobos.apple.com.edgesuite.net/htmlResources/2CBF/images/mask175.png.
Your intuition is correct - Apple applies the glossiness and rounded corners automatically in the iTunes Store, so just upload a flat square version.
Don't worry if the rendering looks terrible in iTunes Connect - it will be fine once it's on the store.
The iOS Guidelines appear to be incorrect.
Apple will indeed round the corners of the flat artwork uploaded to iTunes Connect. It will also add a gloss automatically. So you can upload just the square flat version, but an already rounded version will also work just fine.
If your icon already includes gloss, you can add the UIPrerenderedIcon key to your Info.plist. If you use the build in plist editor of Xcode, the full name of the key is Icon already includes gloss effects and you must set it to YES. iTunes Connect will honour the settings in that file and will update the preview of your uploaded artwork after you upload your binary.
Important: Make sure the UIPrerenderedIcon key is in the root of your Info.plist, otherwise the icon uploaded to iTunes Connect will still use the default gloss, because it will not recognize this key.
I'm using the Default.png method to create a splashscreen. I'm using the same file for my background and the Default.png (except default.png has the 20 pixel status bar at the top).
However, the iphone isn't displaying them in them the same. The Default.png is being displayed darker than the background, so it's painfully obvious when the app is loaded.
As a visual example of what I mean, please see below:
The image on left is the Default.png whereas the image on the right is when the app has loaded. The difference looks subtle here but when the whole image changes, it looks quite drastic.
Is this an issue with the colour-formatting of the pngs? Or is this an iOS feature whereby the Default.png appears slightly darker anyway?
It's probably not worth mentioning but I'm using Monotouch to develop my app, I doubt that would have anything to do with this.
I had a problem like this after editing a screenshot with OSX's Preview to cut out the status bar (as needed for iPad splashes). Preview sticked a color profile, and splash screen appears darker than the real thing in device.
If you open the image with GIMP, it shows a dialog offering to convert the color profile to SRGB. Take it (press "Convert") and save the image. This fixes the color difference.
Solved the problem. The designer sent me new versions of the backgrounds and the Default.png is now displaying the correct colour.
I have a feeling I had saved the previous version with a different colour profile to the background, hence why it was being displayed differently.
I noticed on Xcode 3.2.3 that of the three simulators available both the iPhone(water drops) and iPad(night sky) show background images. Is there a way to add a few photos to Photos so that I can set one as a backdrop.
NB: I tried dragging an image to Safari in the simulator and then clicking/holding and saving but the image does not show up in Photos.
Gary.
Tapping and holding on an image viewed in Safari allows you to add the selected image to the Photo application. When the message pop-up appears choose "Save Image". Quit Safari and go to the Photo application. The image should be in the camera roll.
I have tried this technique before and it has always worked for me.
Try putting some images in the following directory:
~/Library/Application Support/iPhone Simulator/User/Media/DCIM/100APPLE
Create the 100APPLE directory if it doesn't already exist. Then add some images in the format of:
IMG_0000.JPG
IMG_0001.JPG
IMG_0002.JPG
IMG_0003.JPG
I think this might be case sensitive as well.