I am trying to create a page for an app on Facebook. But it is being rejected (for the fourth time) for this reason:
Your icon image should be on a colored or transparent background. Do not use white frames on your icons. Use colored frames to enclose your icon if your icon has white space.
I've followed the guidelines and tried different alternatives. The icon being rejected (in the fourth try) can be found under the following link: http://funryde.com/img/funryde_icon.png. I don't know what it is being missed here. Your help is appreciated.
Thanks
Your gradient background will be mistaken for plain white by Facebook's system. You will need to add a border around the image (e.g. Photoshop, select all > blending options > inner stroke) OR change your background to a solid colour.
Related
I am facing a very weird problem. After my app completion, I added an Icon for my iPad app. Works fine. But as I am having Icon design some what different, some part of the iPad's default icon background is visible.
If you see, the black part behind is visible, look very ugly. I want to remove this somehow. How to overcome this?
Please help.
From Apple Guidelines:
Ensure that your icon is eligible for the visual enhancements iOS provides. You should provide an image that:
Has 90° corners (it’s important to avoid cropping the corners of your
icon—iOS does that for you when it applies the corner-rounding mask)
Does not include a drop shadow
Does not have any shine or gloss
(unless you’ve chosen to prevent the addition of the reflective
shine)
Does not use alpha transparency
So.. Dont use transparency!
You can't. However, you change the background of your icon from transparent to black.
App icons cannot use transparency. They must have a solid background colour. What you can do is make the background of your icon black, but this will still show up on coloured backgrounds.
Did you try setting "Icon already includes gloss effect" in xcode summary screen? This is probably because gloss effect blends with black giving you this look
Hope this helps
Cheers
Sometimes pdf might have a transparent background. And In my application I have given a option to choose background. So, in case of pdf with transparent background and background color black all things becomes black black so, any way to check or any key inside dictionary of pdf page that can help me? Any help will appreciated.
The easiest solution for you would be to remove black color from available background colors.
Generally, all pdf pages have transparent background and the white background color is set by the viewer application. It is possible to set a background color for each page. You can read all about it in Page Group under Transparency section of the PDF Reference.
It is also possible to show a background color for a page by setting 'BoxColorInfo' dictionary in the page dictionary with appropriate values.
But I am not sure what you can achieve by knowing what color a page background is, since black background is going to be a problem for PDFs with transparent pages anyways.
EDIT: Following is the paragraph from PDFReference i was trying to point you to:
Ordinarily, the page is imposed directly on an output medium, such as
paper or a display screen. The page group is treated as an isolated
group, whose results are then composited with a backdrop color
appropriate for the medium. The backdrop is nominally white, although
varying according to the actual properties of the medium. However,
some applications may choose to provide a different backdrop, such as
a checkerboard or grid to aid in visualizing the effects of
transparency in the artwork.
It says that most PDFs would have a transparent and it is your application which shows the background color. Hope this helps.
I just uploaded my first iPhone app. The app icon has a border, sort of like the "settings" icon. However, when I upload my large icon in iTunes connect, there are some weird white edges in the corners. It appears that they might use a smaller corner radius or something. How can I make sure it will display correctly on the apple store?
The image is a jpeg with no transparency.
Thanks for the help!
What's happening is the appstore is expecting a purely square 512x512 image. It then masks it to have rounded corners and then adds a drop shadow automatically.
If you want it to have a specific border like what you've designed you need to match their rounding exactly.
If you search around. there are PSD templates available that will help you design it (i.e. they have the exact mask that itunes uses).
Here's an example: http://www.pixelresort.com/blog/app-icon-template/
Another technique which can work really well is leaving the outer part of the icon square — in your case, the dark brown outer border would extend to the edge of the canvas – and let the roundrect mask handle the corners for you. There's a bit more info in this excellent blog post: All the sizes of iOS app icons
You'd still get the border effect, but let it be cut cleanly by the mask rather than by your icon's transparency.
I believe this to be a bug with iTunes Connect. I've seen the same problem, but it only appears on the Versions summary screen.
I've seen this when uploading a square icon. For example:
In summary, don't worry about it. Your icon should still show up correctly in the iTunes Store and on the Devices themselves. If your icon looked clean in the iOS Simulator and on your device, you're good to go.
I have a logo and when I upload it to facebook it has a black border around it. I think this is because it has a transparent background and has a shadow. Is there anyway to fix this?
Facebook doesn't support transparent images and coverts everything to a JPG file. Save your file as a JPG (using an appropriate background color) and then try to upload it.
This works perfectly, but it will apply a near all white background to your icon.
In Sketch:
Add a white (#ffffff) background filled layer to your design
Set the Height and Width of the layer to 1023.5
Position the layer on the X and Y at 0.5
This will bypass facebook's transparency limitation, and the space around the image is so small you can't see the border that facebook applies to the image.
Result
If I use a png file with transparent background as the app icon in iOS4, the compiler will change its background to black. How can I preserve its transparency?
Transparent application icons are not allowed. The iOS Human Interface Guidelines makes it clear that alpha transparency is not allowed and elaborates:
Give your application icon a discernible background. Icons with visible backgrounds look best on the Home screen primarily because of the rounded corners iOS adds. This is because uniformly rounded corners ensure that all the icons on a user's Home screen have a consistent appearance that invites tapping. If you create an icon with a background that disappears when it's viewed on the Home screen, users don't see the rounded corners. Such icons often don't look tappable and tend to interfere with the orderly symmetry of the Home screen that users appreciate.
Be sure your image completely fills the required area. If your image boundaries are smaller than the recommended sizes, or you use transparency to create “see-through” areas within them, your icon can appear to float on a black background with rounded corners.
I think it is impossible.
Did you specify
UIPrerenderedIcon YES
in your plist file? The standard effects would make the transparency useless...
I think transparent icons are discouraged, and I think you might have a hard time making it through the review (that is, if it is technically possible at all).
It is possible, but background will be filled by black color. And your app may be rejected by censors of App Store.