Während all diese Antworten besagen, dass ein 16x16-Symbol erstellt werden soll, sollten Sie in Wirklichkeit sowohl ein 16x16- als auch ein 32x32-Symbol erstellen, um Retina-Displays zu unterstützen. Keiner der Online-Generatoren hat damit sehr gute Arbeit geleistet.
Auf dem Mac gibt es eine großartige 5-Dollar-App namens Icon Slate , mit der Sie problemlos beide Formate in einer einzigen ICO-Datei erstellen können.
Unter Windows habe ich Axialis IconWorkshop mit großem Erfolg verwendet, aber es ist ein viel schwereres Werkzeug und mit etwa 50 Euro deutlich teurer.
Beide erstellen eine ICO-Datei mit 16 x 16- und 32 x 32-Bildern.
Wenn Sie die Asset-Pipeline verwenden, verwenden Sie den Ordner app / assets / images anstelle von / public. Die Anzahl der Randbrowser, die das link
Tag ignorieren, nähert sich schnell Null, sodass es sich nicht lohnt, durch die Rahmen zu springen, um sie aufzunehmen.
Wie in anderen Antworten erwähnt, verwenden Sie dies in der head
, um es anzuzeigen:
<%= favicon_link_tag 'favicon.ico' %>