folderify icon indicating copy to clipboard operation
folderify copied to clipboard

Support for Application-Style Folder Icons

Open dnvyl opened this issue 1 year ago • 4 comments

Currently, it is only possible to create engraved folders. However, an option to create custom Application folder icons would be great as well.

Like in iCloud Drive, the application folders could be used specifically for the given application. Furthermore, allowing custom images without recolouring could open the door for additional and more creative folder icons, which rounds up the application very well.

I would like to use these icons to create specific folders for application data. For example, an Affinity Photo folder to store my photo projects in.

Just like this!

CleanShot 2024-06-30 at 6  45 10@2x

dnvyl avatar Jun 30 '24 05:06 dnvyl

I don't think I'll implement this, but if someone wants to figure out the exact measurements to match Apple's compositing and send a PR I'd be happy to review!

lgarron avatar Jun 30 '24 21:06 lgarron

Bumping this as well, because this is a feature that I would absolutely love.

Another, GUI-based folder icons application handles this by, quite simply, not adjusting the color of the mask we add to the folder, so not "embossing" it.

Then you could just drag an icon into folderify with a --no-color flag or something similar and it would add it with the above look. Is this a viable solution, or does this app handle this in a different way? Compositing etc might need to be checked - can't say whether or not I would be capable of implementing this myself, but I might give it a shot.

@lgarron Thanks for the app, by the way! I use it a ton and really appreciate your work.

norrbru avatar May 05 '25 08:05 norrbru

Bumping this as well, because this is a feature that I would absolutely love.

Another, GUI-based folder icons application handles this by, quite simply, not adjusting the color of the mask we add to the folder, so not "embossing" it.

Then you could just drag an icon into folderify with a --no-color flag or something similar and it would add it with the above look. Is this a viable solution, or does this app handle this in a different way? Compositing etc might need to be checked - can't say whether or not I would be capable of implementing this myself, but I might give it a shot.

Doing the actual compositing is nearly trivial, since we can just skip some of the processing as you suggest.

The important part is doing the leg work to check that we match what Apple does at all resolutions (or improve on it in edge cases).

lgarron avatar May 05 '25 19:05 lgarron

Doing the actual compositing is nearly trivial, since we can just skip some of the processing as you suggest.

The important part is doing the leg work to check that we match what Apple does at all resolutions (or improve on it in edge cases).

True enough: I didn't consider the different resolutions of the icons. I'm finding it a little hard to actually access the .icns file of the native Application-icon styled folders for whatever reason -- will see if I can access this info and do a more comprehensive review.

For what it's worth, testing folderify with a random, native app icon (Calculator.app in my case) seems to indicate that it's, at least at one particular size, 12.90% smaller than a natively created, app-styled folder. Other than that, the alignment/centering is correct and the icon itself, if following MacOS Icon Design Guidelines, is going to look totally correct with just the --no-color flag or something equivalent. The native folders don't seem to do anything special in this department.

I've attached a comparison of the native styled folders and the Calculator.app icon run through folderify at a few different sizes (the blank icon). You can see that it just needs a small size increase (and --no-color) to match the native look, and as per my (rough) testing of one size, this would be an approximately 12,90% increase.

Image Image Image

Sorry if this is unwanted stuff, I just got excited about trying to figure this out! I don't want to waste your time, so I can try and implement this myself when I get the chance, or come up with more accurate size increases at different resolutions etc. (Not particularly familiar with this code, but I can figure something out.) But sharing the info I have right now!

norrbru avatar May 09 '25 00:05 norrbru