Icon with no transparent pixels gets funny tint in Mac's Finder - macos

Is there any special requirement for icons used by Mac applications that such icons should have transparent pixels in the top-left corner or some other place?
I'm currently trying to prepare a Mac build of a Unity3D-based game and noticed that if the icon of the game is a full-bleed square with NO transparent pixels, it gets some funny green-red-yellow tint when shown in Finder in small size (when viewed in List, Columns or Cover Flow). The icon is displayed fine on Desktop or if the folder is viewed in "as Icons" mode.
If the icon has a transparent frame, no such problem happens. I don't know anything about Mac development and neither googling or searching here brought up anything helpful, but sorry if this is really a basic question. Is it maybe a bug of Finder on Mac? I have 10.7.5 and Mid-2012 13' MacBook Pro.
The issue happens with this icon:
But doesn't happen with this icon:

Make sure the texture you're using as the icon in Unity is set to "Automatic Truecolor." You could be getting artifacts from whatever texture compression you're using on the texture.

Related

Transparency in app icon for Mac App Store

I'm tried to submit my first Mac App Store app (I already have a few iOS ones), but I'm having some problems with the app icon.
On iOS, the icon needs to be a square without transparency and the OS will do its magic to make it look like it should.
On the other hand, on Mac, icons are not square, so I submitted an app with with an icon in all the right sizes (all pngs with some alpha).
Unfortunately, the preview seems to have replaced the semi-transparent areas with black pixels. See this screenshot.
In the screenshot, you can see that app icon in "included assets" is fine (it's a bit blurry, I think because it's scaling down a high-res image), but the App Store Icon is ugly.
What am I supposed to do about this? Will the icon actually look like that on the Mac App Store?
I decided to just try and publish the app. It's now in the app store and the icon looks fine with the right transparency.
I wonder if this bug is just a sign of Apple paying less attention to details for the Mac App Store compared to the iOS one!

Why does macOS Finder draw areas of my app icon where alpha != 1 in black?

When I select my app in Finder using the columns display, the app icon displayed in the rightmost pane has all areas where alpha != 1 rendered in black.
Screenshot showing alpha!=1 areas in black
However you can see the the icon in the middle pane is rendered correctly. Also if I view the app's .icns file in Finder it is rendered correctly:
screen shot of app's .icns file
The icon is also rendered correctly in the Dock and in Launchpad.
Why does Finder render black in this one case?
macOS Sierra 10.12.5 but I doubt the issue is specific to this version.
I have spent almost a day hunting for solutions on the net but have not found anything even remotely close to this problem. No other app exhibits this issue. I have also tried to find an application that will let me view the details of each image of a working application's .icns file. Again without success.
Make a new .icns file using Image2Icon instead of Axialis IconWorkshop.
Following I'L'I's suggestion I examined the icon file with Preview. Preview shows that the 512x512 & 72x72 sizes do not have an alpha channel and have a black background where alpha != 1 in the 1024x1024 and other images that do have alpha. There are other strange images, including gray scale.
The .icns file was created for me by the icon designer using Axialis IconWorkshop. I do not have this software so do not know if the strangeness is cockpit error or application bugs.
I made a new .icns file from the same input PNG file using Image2Icon. In this file, all sizes have alpha and there are no strange images. Using this file, the display in Finder is correct.

NSButton disappearing from window in 2x mode

I'm currently developing an OS X app and I just stumbled across a pretty weird bug.
This is my app's UI on a 1x resolution:
and this is my app on a retina resolution:
Where did that location icon in the bottom right vanish to? The icon itself is an SVG file that's configured like this:
The NSButton element itself is held in place by Auto Layout constraints like it's supposed to.
Oh, also I don't have an actual device with a retina screen, I just moved the window to the second monitor that's configured to use a HiDPI resolution. This shouldn't be the source of the bug, but you never know.

Preview tool on Mac OS X 10.10 adds transparency during resize

The Preview tool on Mac OS X adds transparency during resize!
Steps to reproduce:
Save the following image. It doesn't contain transparent colors and color profiles.
Open it in Finder by double click.
Resize it to 144 pixels using opened Preview tool.
You will get transparent image. You can check transparency on Photoshop. You will see the following result:
Why does this happen? Only some colors raise the issue.
It look like Photoshop shows transparency on the file without it. So, it's Photoshop issue. As it work very wrong if you select "don't control color profiles" during file opening.

Photoshop png background shows layered in iPhone simulator

I created a gradient png in Photoshop CS6 which looks perfect on my windows box.
[I have mac as remote box so photo-editing is time-costly option on that box]
However as I put it on my development mac, I see so many layers unseen before.
It doesn't look pixelated, but it is not good for sure.
The image looks like Saturn Rings, with layers of gradient putting the beauty at stake.
It looks ugly.
It is sized 320X640, with 326 ppi.
I also made #2x (640X960) for ratina, but with same result.
[I also tried some of already available online backgrounds, but they all look same. Eventually, I want my own background as it has logo and everything placed as I wish]
What do I do?
(I have tried XCode IB View modes options (redraw, aspect fit etc. the whole list) already - and I am directly setting it in IB and from then on itself its ugly, so please do not ask how am I invoking it in XCode. Its equally ugly on mac Core Image Fun House software preview as well.)

Resources