« Rails Plugin Directory Structure
Changing your mysql data directory »

Rails and favicon.ico

23Feb07

I had never used a favicon for a site before.  I just added one to my upcoming quizical.net site. I ran into one small problem that I thought I would add here.

I created a 16 x 16 icon, named it favicon.ico and added it to my public folder (not public/images). Yet, the icon was not showing up in my browser.

Some poking around revealed that I must add the following between my document head:

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

Once I added that, it works fine. Easy.


Filed under: Uncategorized   |  10 Comments

10 Responses to “Rails and favicon.ico”

Feed for this Entry Trackback Address
  1. 1 Jess on March 21, 2007 said:

    Can I ask which document you inserted the code into? I keep placing it into my header.php doc but it isn’t showing up.

    Appreciate it in advance.

    Thanks!

    Reply
  2. 2 steveodom on March 23, 2007 said:

    Hi Jess,

    These instructions are far a rails application. It sounds like your app is php. To answer your question though, I put the above link in my main layout file.

    Reply
  3. 3 costa on September 11, 2007 said:

    hi!
    it wouldn’t work if you’re using resources in your project.
    in this case you have to generate url relativ to the resource.

    Reply
  4. 4 tim on March 13, 2008 said:

    Thanks for this tip! That worked for my app. Strangely, my favicon showed up in the development environment without me having to do this – I only needed to do it in production…

    Any ideas why that would be?

    Reply
  5. 5 Felipe Giotto on July 30, 2008 said:

    Good tip! I also tried to put favicon.ico inside public and it wasn’t working!
    Thanks!

    Reply
  6. 6 Giovanni Catalano on November 11, 2010 said:

    Thanks.

    Reply
  7. 7 Omaer on December 27, 2010 said:

    Ummm, you don’t really need to add this to the website – adding favicon.ico to the public folder is enough. The reason the favicon doesn’t show up is that most browsers cache the image. And for some reason, clearing the cache doesn’t always seem to work with the favicon. Try running the rails server with a different port number, and load that port. The new favicon.ico should show up.

    Eg. By default, rails runs the server at port 3000. Try changing the port to something you haven’t used before – run the app as
    RAILS 3: rails server -p 12345
    RAILS 1/2: ruby script/server -p 12345

    Then load the site at localhost:12345 in your web browser. The new favicon should be there. The next time you change the favicon, also change the port to something other than 12345 and it should reflect the changes.

    However, your method is good to know as well – thanks!

    Reply
  8. 8 Patrick on March 14, 2011 said:

    Clearing the browser cache worked for me, thanks!

    Reply
  9. 9 juanm55 on November 1, 2011 said:

    @steveodom this should go in your HTML element

    Reply
  10. 10 James on November 29, 2011 said:

    Just throw the favicon.ico in your public file and Rails will automatically bring it up. Even with 3.1

    Reply

« Rails Plugin Directory Structure
Changing your mysql data directory »

Leave a comment