Skip to content

Instantly share code, notes, and snippets.

@jzntam
Last active August 29, 2015 14:10
Show Gist options
  • Save jzntam/27f4031617914f6c0a05 to your computer and use it in GitHub Desktop.
Save jzntam/27f4031617914f6c0a05 to your computer and use it in GitHub Desktop.
Adding icons or images to browser tabs

How to add an icon to the browser tab

Reference: http://en.wikipedia.org/wiki/Favicon

  1. Called a favicon or just simply icon. Solid or transparent image

  2. Convert a transparent image to an ico file. (not necessary)

  • use PhotoShop
  • find a conversion site online, google "favicon generator"
  1. Place the following link into the head of the HTML file
    <link rel="shortcut icon" href="http://example.com/myicon.ico" />
    or...
    <link rel="icon" type="image/png" href="http://example.com/image.png" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment