Windows users really don’t run into this problem, as it appears (mostly) to already do this for you. But how about Internet shortcuts on your Mac?
The MacOS desktop does not utilize the FavIcons of a particular website to make the icon look more distinguishable … and there appears to be no simple one click step to make this happen either.
Apple: Isn’t it time to add this to MacOS? It’s available under iOS? Why not in MacOS X …?
Anyhow; in the article a quick trick for now that makes this happen anyway.
I don’t particularly like the default “@ HTTP” Internet shortcut utilized by MacOS. It’s boring, it doesn’t utilize the so called FavIcon and … well it makes it more difficult to distinguish the shortcut on your desktop in case you have multiple … so how are we going to change this icon?
The following trick seems a little cumbersome, but once you get used to it, it’s not that bad. However; I wish Apple would use a FavIcon automatically as seen on for example iOS.
I my example, I want to save a shortcut on my desktop of a website that has my dream car for sale. Just a reminder for me to look at in the next few days after which I might delete it again. This being the main reason why I’m not using the usual bookmark mechanism of my browser.
You’ll notice that the Mac automatically uses a default “@ HTTP” icon. It will use this icon for ALL web/url shortcuts you want to make … making it less obvious and less distinguishable when you have a few on your desktop. As you can see; the name of the shortcut (due to it’s length) is not helping much either.
MacOS X – Default Web Shortcut
To fix this, we can use a beautiful mechanism found in MacOS where you can change the icon of pretty much anything. For this we need an appropriate picture and we are going to use a screenshot for this.
Step 1: Go to the webpage you’d like to bookmark.
Step 2: Create a shortcut to the website
This is easily done by grabbing the icon in the addressbar of your browser and dropping it on your desktop.
Create a Shortcut – Drag the icon to your desktop
Step 3: Take an appropriate screenshot
Taking a region screenshot (only a selected part of the screen) is easy on a Mac, although I have to admit that always forget what the key combination is.
Find a part of the website that you’d like to use, for example the logo of the website, or in my case a picture of the car. Size does not matter – but be aware that the image will be scaled down to your default icon size when displayed on your desktop – so if anything should remain readable; don’t make the picture too big.
Press SHIFT – CONTROL – COMMAND – 4 (don’t worry it takes only one hand for most people). You’ll see the icon change to a cross hair with 2 numbers next to it indicating the location coordinates on the screen.
Screenshot keys to grab a region
Go to a corner of the region you’d like to select and press the left mouse button and keep it pressed while dragging – you will notice that the coordinates now change to the dimensions of your selection;
Screenshot – Select the region you’d like
Once you let go of the [left] mouse button a snapshot will be made of the selected region and will be stored on the clipboard …
Step 4: Pasting the new “icon”
Now that we have a proper image on our clipboard, we can use it as an icon. This is relatively simple to do.
- Left click the newly made shortcut once.
- Press “COMMAND + i” (or right click the file and select “Get Info” from the menu).
MacOS X – Retrieve file info
A window will open with detailed information of the file. Click the icon in the upper left corner as indicated in the image below and press COMMAND + V (paste) and you will see that the boring old “@ HTTP” icon changes to the image you just captured.
MacOS X – Change the icon of your file
Close the window now and you’ll see the changed icon on your desktop:
New icon for my Internet Shortcut
And that’s all there is to it …