Rails in 10 Minutes - How to Add a Fav Icon to Your Rails App
source link: https://fuzzyblog.io/blog/rails/2017/02/14/how-to-add-a-fav-icon-to-your-rails-app.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Rails in 10 Minutes - How to Add a Fav Icon to Your Rails App
Feb 14, 2017
I am a huge, huge believer in what are called "favicons". These are the tiny icons that your web application declares to the world:
"here's a visual representation of this site to use when someone creates a bookmark link to me on their browser link bar"
I know that sounds perhaps beyond nerdy but that's what they do. I use a LOT of web sites and rely on them constantly so what I do is drag links from them to my browser link bar and when a fav icon exists it means I can use just an icon instead of text. Here is, for right now, what my browser link bar looks like:
Here's how to add a favicon to your Rails app.
- Come up with a favicon in either .ico or .png format. I can't tell you which is better but I know that both of these work.
- Place that icon file in app/assets/images
- In your application.html.erb template in app/views/layouts you want to add this html snippet:
<%= favicon_link_tag asset_path('favicon.png'), :rel => 'icon', :type => 'image/png' %>
<%= favicon_link_tag asset_path('farmer.ico'), :rel => 'icon', :type => "image/x-icon" %>
Do add / commit / push / deploy dance and check in production
Note 1: Once upon a time you had to always name these favicon.ico but that's no longer necessary as your html tells the browser what to look for.
Posted In: #rails #hyde #design #user_interface #ui #rails_in_10_minutes
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK