The new iOS Human Interface Guidelines states that we should upload an 1024x1024 app icon for high-resolution iPhone and iPad. I've added a new version of my app some days ago, and now when I press "edit" in Version information I only have the option to upload an 512x512 App Store icon. Are you able to upload the 1024x1024 app icon?
Apple has changed the description for the icon within iTunes Connect. When you supply an upgrade you're now able to replace your 512x512 icon with an 1024x1024 icon.
Click "Edit" next to "Version Information" of your new version
Scroll down to the icon and press "Choose File"
Select the 1024x1024 icon on your harddrive
The icon will look strange directly after the upload (at least it did in my case). But don't worry, just wait a few minutes and the glossy effect will be applied. I guess Apple's running a script to convert the image (or somehow create a preview of the image) only every 3 minutes or something like that.
Anything new on this topic? Anytime I try to upload a retina-icon, iTunes connect tells me "Large icons must be 512 x 512 pixels."
This seems a bit odd to me, since Apple clearly states, as Dennis mentioned, that it should be 1024 x 1024 for high-res devices.
Related
About a week ago xcode showed me some error and when I clicked to solve the problem, xcode added this picture:
My questions are: What is it good for? Why do I need it?
Thank you.
Yes you must include one.
From Apple's Interface Guidelines
To enhance the user’s experience at app launch, you must provide at least one launch image. A launch image looks very similar to the first screen your app displays. iOS displays this image instantly when the user starts your app and until the app is fully ready to use. As soon as your app is ready for use, your app displays its first screen, replacing the launch placeholder image.
Without this default image (or a LaunchScreen storyboard), your app would not take all the available screen space on iPhones with 4" displays (iPhone 5, 5s, SE). This is the default image that those iPhones would use.
Of course you can (should!) change it with the one you designed.
Runtime, leading to the top and bottom of applications were empty out a lot , because the application is based on a 320x480 size to run.
I created an app, that supports all the resolutions of apple devices. As a result, I have app preview images in the following resolutions:
iphone 6 plus
iphone 6
iphone 5
iphone 4 and below aspect ratio
ipad
The problem is, I deleted the images from my hard drive, and need the exact same images as I am adding app store descriptions in new languages. It would be very tedious to create the images again. Is there a way I can download the images I uploaded in their original resolution ?
EDIT: If I log into itunesconnect and try to right click on the images and copy / download, the images downloaded are of much lower resolution. Any suggestions ?
You can copy/download an app preview image with the same resolution as you added it. Click on the image in iTunesConnect and then you will see your image with original resolution in full screen mode.
I'm using Crossrider to develop a cross browser extension, it's working fine except that the button icon on Safari is so small you can't really see it. How can I expand it?
I uploaded it as a 128x128 PNG in the settings page.
This is a screen shot from my Retina Macbook Pro, could the issue be related to the retina display?
I hadn't checked the image DPI settings in Photoshop. They need to be set to 72 but were in fact 300.
If anyone from Crossrider sees this, it would be great if it were possible to upload a retina sized button icon.
My Apple Watch app has been rejected by the App Store because the icon does not appear on the watch home screen. I do not see any icons at all in the simulator and the companion app on the iPhone simulator has my app selected to appear on the watch and has an icon.
Every Apple Watch icon is provided in images.xcassets which exists for the main iPhone app, WatchKit extension and the WatchKit App.
Please tell me how I can find out what the problem is.
These are the icons in my WatchKit app bundle.
I have also uploaded a 1024x1024 icon to iTunes Connect as required.
My attributes inspector shows this for Images.xcassets for my WatchKit App.
I am still looking for the Image Set setting screen.
In the WatchKit app Info.plist, there is only one icon under Icon files, icon40.png.
Found the Image Set which is now this.
I am actually using an AppIcon image set with these settings
The 40pt image is an 80x80 PNG and the 44pt an 88x88 PNG. The WatchKit target in the AppIcon setting points to my iPhone app Images.xcassets which has these icons.
Will resubmit to the App Store now with this info and hope for the best.
It looks like you are not assigning your icon to your Target.
You should not make an individual icon set for each size of icon, but make one icon set, of type AppIcon.
First, make an AppIcon in your images.xcassets, by right clicking in the left pane and choosing New App Icon:
Add your images, and in the properties, choose your watch kit app as Target Membership:
Then go to your Watch App Target and assign this AppIcon as Apps Icons Source:
The App Store rejected again, but I found out that in the Info.plist for my WatchKit App, there was a row for "Icon files" with one item pointing to a file that did not exist. This overrode the "App Icons Source" for the WatchKit App target. Once removed, the problem was solved. It did not matter how many times I tried to work in Images.xcassets, as long as "Icon files" was there, the icon would never appear on the Apple Watch.
Make sure the icon is included in the WatchKit app bundle (not extension) and that it meets all of the criteria Apple has set and make sure they are assigned to your current target.
Apple may be requiring these to be in the xcassets.
https://developer.apple.com/library/ios/documentation/General/Conceptual/WatchKitProgrammingGuide/Images.html
https://developer.apple.com/app-store/watch/
The system will resize your icon for the App Store and apply a circular mask. Do not upload a circular icon. Keep the design simple and note that elements on the outer edges will be obscured by the circular mask. Avoid using black in the background of your icon to keep it from blending in to the black Apple Watch home screen.
1024 x1024 pixels
72 dpi, RGB, flattened, and no transparency
PNG or High-quality JPEG
The system will apply a circular mask.
Do not upload a circular icon.
If your icon is designed with a white or light background, a hairline stroke will be added for display on the App Store.
Before uploading your icon in iTunes Connect, get more details on designing icons for Apple Watch from the Apple Watch Human Interface Guidelines.
*Icon Sizes
Home screen icons are circular and Table 20-1 lists the appropriate diameter (in pixels) and the usage for each icon. Create all of these image resources as #2x images. (Note that Xcode lists icon sizes in points.)
Table 20-1Icon sizes for WatchKit app on Apple Watch
Asset | Notification Center icon | Long-Look notification icon | Home Screen icon | Short-Look icon
------------------ | ------------------------ | --------------------------- | ---------------- | ---------------
Apple Watch (38mm) | 48 pixels | 80 pixels | 80 pixels | 172 pixels
Apple Watch (42mm) | 55 pixels | 88 pixels | 80 pixels | 196 pixels
In addition to the icons used by your WatchKit app, the Apple Watch app running on the user’s iPhone needs icons to represent your app. Table 20-2 lists the sizes (in pixels) for these icon resources. Create these image resources at the indicated resolution. (Note that Xcode lists icon sizes in points.)
Table 20-2Icon sizes for use by Apple Watch app on iPhone
Asset | App icon
----- | ---------
#2x | 58 pixels
#3x | 87 pixels
Create your icons as full-bleed square images using the given dimensions. The system applies the circular mask automatically.
Use the PNG format for all images and icons. Avoid using interlaced PNGs. You can use PNGs with indexed colors to save space in your image files.
Use the standard bit depth for icons and images. The standard bit depth for icons and images is 24 bits—that is, 8 bits each for red, green, and blue. Icons must not include an alpha channel.*
If your WatchKit App is configured as described in the answers above and your AppIcon still doesn't appear on your Apple Watch, try:
Сleaning your build (choose Product/Clean from the Xcode menu).
Еurning off your iPhone (e.g. press/hold power button until red slider appears, then swipe right).
Turning off your Apple Watch.
Turning on your iPhone and waiting for the home screen to appear.
Turning on your Apple Watch.
This did the trick for me. My AppIcon was configured as described in the answers above and initially appeared on my Apple Watch throughout development of my app, but once I began testing certain conditions that required me to uninstall/reinstall my app, the App Icon stopped appearing on my Watch.
You need to create a correctly formatted AppIcon.appiconset. The easiest way to achieve this is to upload your 1024x1024px image to http://makeappicon.com, from which you can download a fully formatted set that includes the AppIcon.appiconset. Be sure to tick the box to include WatchOS icons in the set. (I have no connection with this website.)
By dragging and dropping this into an Assets.xcassets group in your project, you will import all of the require icon sizes which will already be correctly set for each of the various uses.
Ensure that in your Project application target that under Build Settings > Asset Catalog Compiler - Options > Asset Catalog App Icon Set Name the name is set to AppIcon. You should see the app icons reflected in various menus in Xcode immediately. You may need to do a clean of the build folder first before you see this in the Simulators.
I am developing a Windows 8 metro (yeah!) app. How do i provide a screen resolution dependent image source ?
As per these guidelines, we can achieve it using image naming convention too.
I have an image control as show below.
<Image Source="Assets/test.jpeg"/>
I also have test.scale-100.jpg, test.scale-140.jpg & test.scale-180.jpg images in asset folder. Each image having different icon color to identify which image is loaded.
If i run the app in simulator and change screen resolutions, i still see test.scale-100.jpg for any resolution. Why is this happening ? In which case will the OS load test.scale-140.jpg or test.scale-180.jpg image ?
EDIT: I got it working. Once your app starts in simulator, close it by pressing home buton & uninstall it. In VS, right click on Project and click on Deploy. App should be now deployed to simulator. Change the resolution and start the app. You should now see correct image loaded by OS. Rinse and repeat to test other resolutions.
The scaling is automatic. If your images are correctly named, and you change resolution in the simulator you must restart the app to see scaled images. It doesn't happen on the fly, IIRC.
Finally got it working. close the app and uninstall it from
simulator.
In VS, right click the project and click deploy.
Change to desired screen resolution and start the app. OS should not pick proper image as per resolution.
Rinse and repeat same to test images on various resolutions.