Page 1 of 1

FavIcon shortcut on your MacOS desktop

FavIcon shortcut on your MacOS desktop
   4

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.




Intro

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

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

Create a Shortcut – Drag the icon to your desktop

 Other browsers … 

I very much prefer Google Chrome as a browser but others like Safari, Opera, and Firefox work in a similar fashion.

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 SHIFTCONTROLCOMMAND4 (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

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

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

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

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

New icon for my Internet Shortcut

And that’s all there is to it …

Donation options


Donations are very much appreciated, but not required. Donations will be used for web-hosting expenses, project hardware or a motivational boost (a drink or snack). Thank you very much for those have donated already! It's truly AwEsOmE to see that folks like our articles and small applications.

Comments


There are 4 comments. You can read them below.
You can post your own comments by using the form below, or reply to existing comments by using the "Reply" button.

  • Sep 13, 2015 - 6:51 AM - matt Comment Link

    Nice !

    Reply

    matt

  • Mar 15, 2016 - 10:42 AM - Diane Comment Link

    Thank you so much!  That worked like a charm and I’ve been trying to find the answer to this irritating problem for a very long time now.  tweaking4all.com is awesome!

    Diane

    Reply

    Diane

    • Mar 16, 2016 - 5:19 AM - hans - Author: Comment Link

      Hi Diane!

      Thank you for the nice feedback! Glad to hear the article was helpful! 

      Reply

      hans



Your Comment …

Friendly request to not post large files here (like source codes, log files or config files). Please use the Forum for that purpose.

Please share:
*
*
Notify me about new comments (email).
       You can also use your RSS reader to track comments.


Tweaking4All uses the free Gravatar service for Avatar display.
Tweaking4All will never share your email address with others.