{"id":72494,"date":"2021-03-19T08:00:00","date_gmt":"2021-03-19T13:00:00","guid":{"rendered":"https:\/\/eshop.macsales.com\/blog\/?p=72494"},"modified":"2021-03-18T12:41:16","modified_gmt":"2021-03-18T17:41:16","slug":"use-an-image-for-a-mac-folder-icon","status":"publish","type":"post","link":"https:\/\/eshop.macsales.com\/blog\/72494-use-an-image-for-a-mac-folder-icon\/","title":{"rendered":"Mac Fun! How to Use An Image for a Mac Folder Icon"},"content":{"rendered":"\n

I don’t know about you, but sometimes I get really<\/em> tired of the boring blue folder icons in macOS. That’s why I occasionally add a touch of fun to my folders by changing that icon to an image<\/strong>. The image can be any picture, preferably something with a background that can be made transparent. Let’s have some fun and change your folder icons to images!<\/p>\n\n\n\n

\n\n\n\n

Find an image for your folder icon<\/h2>\n\n\n\n
\"Tux
Tux the Linux Mascot<\/figcaption><\/figure><\/div>\n\n\n\n

The first thing to do is find a suitable image for your folder. For example, I have a folder named Linux<\/a> on my desktop. Wouldn’t it be more interesting to have Tux the Linux mascot replace that blue folder icon? Sure it would!<\/p>\n\n\n\n

Using Google Image Search<\/a>, I typed in “Tux the Linux mascot” and quickly had a page full of smiling penguins. There was one with a plain white background. Clicking on it showed that it was actually a transparent PNG file \u2013perfect! I downloaded it to my Mac by right-clicking and choosing Save Image to Downloads<\/strong>. We’ll get back to Tux in a minute…<\/p>\n\n\n\n

\n\n\n\n

Handling images without transparent backgrounds<\/h2>\n\n\n\n

I prefer images with transparent backgrounds simply because they look better as folder replacements. However, you may find the perfect image only to find it it has an opaque background. No problem! Let’s change it. <\/p>\n\n\n\n

A cute kitten rolling on its back made the perfect folder icon for a boring “archive” folder. Saving it, I discovered that it was a JPG image. Double-clicking the image opened it in the default Preview app, where I can make it into a PNG file with a transparent background.<\/p>\n\n\n\n

With the image opened in Preview, I selected View > Show Markup Toolbar<\/strong>. This adds a toolbar with one very important tool (highlighted in red): the Instant Alpha<\/strong> tool.<\/p>\n\n\n\n

\"The<\/a>
The Preview Markup Toolbar with Instant Alpha Tool highlighted<\/figcaption><\/figure><\/div>\n\n\n\n
\n\n\n\n

Instant Alpha<\/h2>\n\n\n\n

This tool adds a transparency or “Alpha” channel to an image. PNG files store that Alpha channel, so using the tool requires us to save it as a PNG file.<\/p>\n\n\n\n

Click the Instant Alpha tool and move the cursor over the photo. You’ll see that it turns into a small +. Next, place the tool over the background color (in this case, white), and then drag it across the image<\/strong>. <\/p>\n\n\n\n

The areas to be converted to transparency turn a reddish tint. Dragging a little turns part of the background transparent; dragging a lot actually starts picking up some of the kitten. We want to find a happy medium, with most of the background turned transparent and the kitten fully rendered.<\/p>\n\n\n\n

\"Kitten<\/a>
Using the Instant Alpha tool to add transparency to the background<\/figcaption><\/figure><\/div>\n\n\n\n

After playing around for a bit, the kitten is surrounded by red with a slim white outline. Perfect! To turn the white background into transparency, just press “delete” on the keyboard. Doing this displays a message:<\/p>\n\n\n\n

\"Using<\/a>
Using the Instant Alpha tool adds transparency, so convert the image to PNG<\/figcaption><\/figure><\/div>\n\n\n\n

We do want to convert the image to PNG format, so click Convert<\/strong> to save it.<\/p>\n\n\n\n

\n\n\n\n

Change Your Folder Icons to Images<\/h2>\n\n\n\n

Enough of that, let’s make some fun folders. First, I’ll open the Tux the Linux mascot image in Preview, press Command ( \u2318 ) + A<\/strong> to select all, then Command ( \u2318 ) + C<\/strong> to copy the image.<\/p>\n\n\n\n

Now I click on my Linux folder to select it, and press Command ( \u2318 ) + I<\/strong> to display the Get Info screen. Click on the small folder icon at the top of the Get Info dialog to select it, then press Command ( \u2318 ) + V<\/strong> to paste the image. Tux is in business, turning the folder from boring blue to penguin perfection:<\/p>\n\n\n\n

\"The<\/a>
The boring blue folder turns into Tux the Linux mascot<\/figcaption><\/figure><\/div>\n\n\n\n

The same process is followed to turn the archive folder icon into a kitten:<\/p>\n\n\n\n

\"Our<\/a>
Our archive folder turns into a fluffy kitten. Awww.<\/figcaption><\/figure><\/div>\n\n\n\n

By the way, if you ever wish to get back to those blue folders, just Get Info<\/strong> on the folder, click the image at the top of the Get Info dialog, and press Delete<\/strong>. Your image disappears, and the default blue folder returns. <\/p>\n\n\n\n

\n\n\n\n

Sure, this isn’t a productivity hack or a way to run virtual machines on your M1 Mac<\/a>, but it’s certainly a lot of fun to change your folder icons to images! Let us know in the comments what you end up using as folder icons.<\/p>\n\n\n\n

\n\n\n\n