Skip to main content
G
Gvites
Participant
June 3, 2011
Question

How to create favicon in dreamweaver cs5 and upload to website

  • June 3, 2011
  • 2 replies
  • 41065 views

I want to be able to create a favicon and upload to my website with dreamweaver. Can anyone tell me how to do this?

Thanks in advance!

Giselle

    This topic has been closed for replies.

    2 replies

    adninjastrator
    adninjastrator
    Inspiring
    June 3, 2011

    Good info from Joey... be sure the image is saved as an actual .ico file, not just any small image (.gif, png, etc).

    But to clarify, the favicon does not need to be saved in the root folder, it can be anyplace you want, as long as you path it correctly. For example

    http://www.cidigitalmedia.com/video.html

    uses:

    <link rel="shortcut icon" href="http://www.citradingcards.com/lynnjohnson/images/favicon.ico">

    as you can see, it's a couple folder levels deep.

    Also, the favicon will display immediately after uploading to the server, it doesn't take days.... provided you use a browser that has never visited your site before!

    That's why many Web page designers post questions about the favicon not showing up on their browser... yet everyone else sees it.

    To get the favicon to show up immediately in your browser, you need to remove every trace of having visted your site... and in IE it's a little challenging. Clear the cache (Temp Internet Files folder), remove your site from Favorites, Bookmarks, and any other History stored in the browser.

    It's nice to be able to test and see the favicon as soon as it's uploaded and not have to wait a couple days to know if it works!

    Best of luck,

    Adninjastrator

    G
    GvitesAuthor
    Participant
    June 3, 2011

    I am extremely grateful for your post trying to help me but I am still facing the following:

    I have already designed my favicon and it's on my desktop. I just don't know where to put it in my rootfolder. I have tried dragging it from bridge to my root folder and placed in images folder...but now how do I upload it with dreamweaver to my website. Do I need an html code?

    adninjastrator
    adninjastrator
    Inspiring
    June 3, 2011

    Put  this in the <head> of each page:

    <link rel="shortcut icon" href="http://www.yoursite/images/favicon.ico" />
    <link rel="icon" type="image/png" href="http://www.yoursite/images/favicon.ico" />

    Of course use the exact absolute path to your favicon file.

    Save and upload those pages.

    Then upload your .ico file the same way you would upload any image on your site.

    Best wishes,

    Adninjastrator

      JoeDaSilva
      JoeDaSilva
      Participating Frequently
      June 3, 2011

      You would just create the graphic first, I use this tool here: http://www.favicon.cc/. It'll give you a properly formated and named file (favicon.ico) which you'll want to place in your root directory (the same directory that youd index page is in). Upload it and you're good to go!

      If you're replacing an existing icon it can take some time for your browser to realize you've replaced it, no need to panic.

      G
      GvitesAuthor
      Participant
      June 3, 2011

      Thanks very much for your response. I have already designed my favicon and it's on my desktop. I just don't know where to put it in my rootfolder. I have tried dragging it from bridge to my root folder and placed in images folder...but now how do I upload it with dreamweaver to my website. Do I need an html code?

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices