include a favicon.ico on your web page

Posted on 2008-11-06
Last Modified: 2012-06-27
How do I include a favicon.ico on my web page
Question by:kathyedesign
    LVL 7

    Accepted Solution

    Simply put this small code inside <head></head> : <link rel="shortcut icon" href="" />

    However you may replace with
    LVL 7

    Expert Comment

    you might need this if you want to create the correct file.
    LVL 19

    Assisted Solution

    Hi kathyedesign,

    A favicon is a 16x16 pixel image file named favicon.ico. Make sure your favicon is located in the root directory. Place this in the <head> of your document:

    <link rel="shortcut icon" href="favicon.ico">

    Here is a detailed tutorial on how to create and upload your favicon in Photoshop:

    You can create your favicon online easily here:

    Browse to your source image and then click "generate favicon". Then there will be an option to download it.
    LVL 8

    Expert Comment

    To add to all above. Favorite icon does not necessarily have to be in .ICO format. It can be .PNG image (in fact this is web standard), or even .GIF

    <link rel="icon" type="image/png" href="">

    If you do not use the tag above, some browsers automatically check for existence of favicon.ico file under web site root (btw, generating 404 error if file is not there)

    LVL 19

    Expert Comment

    If you do use another type of file (ie GIF) make sure it is 16 x 16 image (it can even be animated!)
    LVL 19

    Expert Comment

    I believe there should be a split as I provided a way to create a favicon, which is an important step in including one on a web page.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    How your wiki can always stay up-to-date

    Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
    - Increase transparency
    - Onboard new hires faster
    - Access from mobile/offline

    The Client Need Led Us to RSS I recently had an investment company ask me how they might notify their constituents about their newsworthy publications.  Probably you would think "Facebook" or "Twitter" but this is an interesting client.  Their cons…
    Foreword (July, 2015) Since I first wrote this article, years ago, a great many more people have begun using the internet.  They are coming online from every part of the globe, learning, reading, shopping and spending money at an ever-increasing ra…
    Viewers will get an overview of the benefits and risks of using Bitcoin to accept payments. What Bitcoin is: Legality: Risks: Benefits: Which businesses are best suited?: Other things you should know: How to get started:
    Explain concepts important to validation of email addresses with regular expressions. Applies to most languages/tools that uses regular expressions. Consider email address RFCs: Look at HTML5 form input element (with type=email) regex pattern: T…

    760 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    8 Experts available now in Live!

    Get 1:1 Help Now