Take the 2-minute tour ×
Super User is a question and answer site for computer enthusiasts and power users. It's 100% free, no registration required.

I'm on OS X and I want my bookmarklets to have favicons. I already found two articles but they didn't help much:

http://www.tapper-ware.net/blog/?p=97#comment-2076 It's a great article but as I understand it this doesn't seem to work for Chrome :(

http://www.tech-recipes.com/rx/3032/google_chrome_how_to_change_icons_on_the_bookmarks_bar/ The problem with this tipp is - if I'm wrong, then please correct me - that after I cleaned the history, the cache, etc. the whole thing will be gone again.

If there is a chance to modify the bookmarklets by hosting them myself I'd instantly do it, but I found no solution so far.

share|improve this question
add comment

3 Answers

up vote 5 down vote accepted

Well, it took some time but I stumbled upon the solution:

You have to export your Bookmarks, edit the HTML file and import it again. It sounds way more complicated than it is and it's a clean solution since Chrome puts all of your re-imported bookmarks are in a separate "Imported" folder which you can delete after the changes are applied.

Step by step guide:

  1. Open the Bookmark Manager and export your bookmarks
  2. Open the exported html file in your favorite editor and look for the bookmarklet you want an favicon applied to.
  3. Convert the 16x16 px favicon you want to use into the BASE64 format (there a lot of free online converters out there in case you have no native application).
  4. Now you can add the favicon via adding the ICON=”insert-your-base64-image-code-here" attribute in the link.
  5. Save the file and import it in the bookmark manager. If the favicon doesn't show up try hitting the bookmarklet. Afterwards the changes should stick and you can delete the imported bookmarks.

Update (09-17-12): I haven't found the linked image in my post here since I wiped my Amazon S3 space completely - so I went on and deleted it. However, if you need further assistance I discovered a blog post which pretty much describes the whole process in detail.

share|improve this answer
    
I updated the post. If you need a detailed tutorial, check out the link I added. –  pattulus Sep 17 '12 at 12:30
add comment

I had the same problem, but at first didn't actually realize it.

Recently I deleted my favicon file in Chrome (without making a back-up) and suddenly all my bookmark toolbar links were missing their icons, since I'm using javascript:window.open to open them in a new tab.

Today I realized why I was happily having favicons on my bookmarklets for months: When I first switched from Firefox to Chrome, I imported all my bookmarks from there and later manually edited them all in Notepad with the above JavaScript.

Firefox added all the icons with their base64 code.

I can now confirm that pattulus' solution works, and in addition, if you don't want to manually convert to and add every base64 code, just export your clean, non-bookmarklet bookmarks, edit the them externally and re-import them.

That is, if it's as simple as in my case, where I edited in the same JavaScript for all bookmark links and could simply use Notepad's replace function.

share|improve this answer
add comment

Another very simple solution is to use the "I hate your favicon" chrome extension. It allows you to input a url for a website that you want to change its favicon, and a url of an image of what you want the favicon to be. The rest is handled for you.

Link to their website here

share|improve this answer
    
This doesn't seem to work for bookmarklets. –  GollyJer Jul 27 '12 at 2:46
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.