Skip to content

Instantly share code, notes, and snippets.

@vinicius-stutz

vinicius-stutz/README.md

Created December 30, 2015 13:41
Show Gist options
  • Save vinicius-stutz/29f759031b7e5a444733 to your computer and use it in GitHub Desktop.
Save vinicius-stutz/29f759031b7e5a444733 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. vinicius-stutz revised this gist Dec 30, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@

    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 a favicon applied to;
    3. Convert the 16x16 px (or greater) favicon you want to use into the BASE64 format (I used [Base64 Image Encoder](https://www.base64-image.de/) web app);
    3. Convert the 16x16 px (or greater) favicon you want to use into the BASE64 format (I used [Base64 Image Encoder](https://www.base64-image.de/));
    4. Now you can add the favicon via adding the `ICON="data:image/insert-your-base64-image-code-here"` attribute in the link;
    5. Save the file and import it in the bookmark manager.

  2. vinicius-stutz created this gist Dec 30, 2015.
    11 changes: 11 additions & 0 deletions README.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,11 @@
    # Google Chrome Favicons For Bookmarklets

    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 a favicon applied to;
    3. Convert the 16x16 px (or greater) favicon you want to use into the BASE64 format (I used [Base64 Image Encoder](https://www.base64-image.de/) web app);
    4. Now you can add the favicon via adding the `ICON="data:image/insert-your-base64-image-code-here"` attribute in the link;
    5. Save the file and import it in the bookmark manager.

    Done! **If** the favicon **doesn’t show up**, try clicking on the bookmarklet. Afterwards the changes should stick and **you can delete the imported bookmarks** folder. If you have sync activated the favicons on your bookmarklets will also show up on your other PC, Mac, smartphone etc.

    Enjoy!