How do I designate a logo next to the header of a webpage using HTML?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • mariko
    New Member
    • Mar 2010
    • 23

    How do I designate a logo next to the header of a webpage using HTML?

    If you notice on this website there is the green symbol/logo next to the title of this webpage. It is on a tab if you are using Mozilla Firefox or Google Chrome. It is also next to where you type in the website. How do I put up a symbol using HTML?
  • UpsideDownTire
    New Member
    • Oct 2009
    • 7

    #2
    Hi mariko;

    Create an icon file (16×16, 32×32 or 64×64 pixel square) and save it to your website as the file "favicon.ic o". Almost all browsers look for this file. That's is what you are seeing.

    UDT

    Comment

    • Dormilich
      Recognized Expert Expert
      • Aug 2008
      • 8694

      #3
      PS. except for Internet Explorer, all browsers also support that icon in GIF, JPEG, PNG, some even in SVG format.

      Comment

      • UpsideDownTire
        New Member
        • Oct 2009
        • 7

        #4
        @Dormilich,

        True what you say about the use of formats GIF, JPEG, PNG, etc as 'favicon' files. But for ease of compatibility for any browser then ICO is the way to go.

        P.S. to use the other formats, don't forget the "rel" attribute, something like this:

        <link rel="icon" type="image/png" href="http://mywebsite.com/imagefile.png">

        UDT

        Comment

        Working...