I am uploading simple extension on mozila & it's showing Error: Icon at "logo.png" must be square. What is error mean and How to solve it?
You get this error if your icons are svgs or if the icon's width & hight don't have the same size.
Like the message says, it should be squares.
Related
My app icon is showing with white borders, how do I remove it?
this is happening only when I try to build the application for ios, on the android system this does not happen
I tried modifying the alpha channel but it didn't work.
image link: https://imgur.com/IiVoRIj
It looks like your image has some white (or transparant) color on the edges. If that's the case I would open the image in a image program, zoom in, find these spots and fill them with the background color.
I want to change the app icon's layout to circle in iOS. Can you please help me with a solution to this.By default, it is a square with rounded corners. I want to make it in a custom format. Is it possible to do so?
All about App Icons can be found here.
From this guidelines:
Note: All icon images must be in PNG format. Icon images may include an alpha channel but should not include any transparent regions.
So it is not possible to make circular app icons on iOS.
Well, the title says most of it. I've tried with icon sets of 75/50/25 px and 72/48/24 px, as stated by different guides, but when I run the app in Xcode, the icons appear as (appropriately sized) blue squares. The icons are all black and white .png files, with negative images for the selected images. Any suggestions would be appreciated.
This might not fix your issue, and also may seem very obvious. But I'll put it here just in case it helps anyone.
First of all, I'm going to point out scenarios to check that can get you in this state that may or may not apply to everyone:
The asset's render type is set to Template Image
You are changing the tabBar.tintColor
If either of these are true and you are getting a solid colored square as your icon, the first thing I would check is the actual image you are using. It is probably an image/icon sitting on a white background or something like that rather than a transparent background.
If you are using a .png, .pdf, or .svg icon and want to tint the icon, you will need a transparent background. Transparency doesn't exist for .jpegs so they just won't work for tinting the icons.
This is because changing the tint will tint the whole image. If there isn't transparency, Xcode will have no idea what is icon and what is background. So a 40x40 icon just becomes a colored square.
Another benefit of using a transparent background will be now instead of having multiple images for selected/unselected states, you can just set the desired colors for .selected and .normal states and use one image.
Okay, the solution is NOT to set the image to render as image, but to use an alpha 0 background instead of a white background on the icon image.
Another tip. Don't name your image assets the same name as iOS System icons/glyphs. I had a download icon labeled download(.png). After renaming the issue disappeared. Very inconsistent behavior.
I am facing the problem with the App Icon on the iOS 7 Device, the Problem is : I am getting a black border on the top corner of the icon. The Icon size & Name i used is:
Size : 120 X 120 pixels
Name : Icon-60#2x.png
(Sorry, I can't post the screen shot/Image here as i need 10 reputation points to post an image. Hope you guys understands)
Please help me.
Thanks in Advance !
EDIT:
iOS HIG guidelines suggest,
Avoid transparency. An app icon should be opaque. If the icon’s boundaries are smaller than the recommended sizes—or you use transparency to create “see-through” areas—the resulting icon can appear to float on a black background, which tends to look especially unattractive on the beautiful wallpapers that users choose.
Check if there is any transparency present in the icon, if yes, please remove it.
You should avoid rounded corner icon, because Apple applies masks to your icon image for this. Provide a sqaure-ish icon of dimensions 120x120 pixels.
Hope that helps!
For iPhone and iPod touch, both of these sizes are required:
120 x 120 pixels
60 x 60 pixels (standard resolution)
Reference by apple doc
I've faced same issue like this. I'd provided image with rounded corner. When I provide flat image with this size, I'll see correct icon. Seems to be silly. But It has work.
Please try these steps
STEP 1:Remove the transparency of app icon.
STEP 2:Add square images. Images with rounded corners also make this issue
I am trying to use the setTitleImage feature of trigger.io. I have an image that I saved #2x its original dimensions and am referencing it like so in the my main.js file:
forge.topbar.setTitleImage("img/logo#2x.png");
However, the image does not resize properly and I end up with a huge title image. Please advise on how to set a retina friendly title image in the native topbar.
The image you set will be scaled to the exact height of the topbar if it is larger than it, you probably just need to include some transparent padding at the top and bottom of your image to scale it to the right size.