Я знаю, що нові програми для рейок постачаються з порожнім файлом favicon.ico. Я хочу знати, як я продовжую додавати значок. Я знаю, що ви можете використовувати favicon_link_tagпомічник, але я не впевнений, як заповнити файл favicon.ico. Чи використовуєте ви генератори Favicon? Якщо так, то який із них найкращий?
Я також хочу мати можливість кешувати його, чи робить це рейки також автоматично?
Дякую
Відповіді:
згенеруйте свій значок, наприклад, тут: http://www.favicon.cc/ і розмістіть у папці public /
ОНОВЛЕННЯ Favicon у загальній папці не попередньо скомпільовано, і його можна кешувати тривалий час. Схоже, що краще використовувати favicon_link_tag, щоб уникнути проблем з оновленням favicon. Я не знаю, що браузери потребували значка у root. Відповідно до favicon wiki підтримують усі сучасні браузери
<link rel="shortcut icon" href="favicon path" /> (favicon_link_tag)
www.website.com, але коли я просто заходжу до website.comнього, він не відображається?
Просто додайте це до <head></head>розділу своїх макетів:
<%= favicon_link_tag 'favicon.ico' %>
Помістіть зображення favicon.ico в те, /app/assets/images/якщо ви використовуєте конвеєр активів, і в те, /public/images/якщо ви не використовуєте.
Крім того, під час використання Ruby 2.0 із Rails 3.0.20 (а, можливо, і 3.0.x) виникає помилка, яка створює виняток при спробі відобразити favicon.ico.
Виправлення полягає у розміщенні такого коду в application_controller.rb:
config.relative_url_root = ""
Поки всі ці відповіді говорять про створення піктограми 16x16, реальність полягає в тому, що ви повинні створювати як 16x16, так і 32x32, щоб підтримувати дисплеї сітківки. Жоден з інтернет-генераторів не зробив цього дуже добре.
На Mac існує чудова програма за 5 доларів під назвою Icon Slate , яка дозволяє легко створювати обидва формати в одному файлі ICO.
У Windows я з великим успіхом використовував Axialis IconWorkshop , але це набагато важчий інструмент і коштує значно дорожче - приблизно 50 євро.
Обидва створять файл ico із зображеннями 16x16 та 32x32.
Якщо ви використовуєте конвеєр активів, скоріше використовуйте папку app / assets / images, а не / public. Кількість браузерів, що ігнорують linkтег, швидко наближається до нуля, тому стрибати через обручі для їх розміщення не варто.
Як згадувалося в інших відповідях, використовуйте це в headдля відображення:
<%= favicon_link_tag 'favicon.ico' %>
Я настійно рекомендую цей варіант. Це було простим у користуванні та безкоштовним http://converticon.com
Вам в значній мірі потрібен файл зображення розміром 16x16 пікселів, який називається favicon.ico, і він повинен бути публічно доступний у кореневій частині вашого сайту.
Ви завжди можете використовувати основний редактор зображень, щоб перетворити свій логотип або інше зображення у формат .ico. Є безкоштовні варіанти, такі як Gimp, які можуть зробити такі чудові іконки на основі існуючого зображення кращими, ніж онлайн-генератори іконок.
Я спробував посилання вище, і послугами було не дуже просто користуватися. Я знайшов це посилання на іншому сайті, і він бездоганно скопіював мій файл .png і був дуже простим у використанні. Я думав, що поділюсь цим посиланням теж, оскільки вважаю, що це кращий сервіс.
Не робив цього роками, але Gimp здатний зберігати файли .ico з декількома зображеннями різних розмірів. Вам просто потрібно експортувати у формат .ico з деякими видимими шарами.
Щоб створити значок для всіх платформ (не тільки для браузерів для настільних ПК), ви можете використовувати RealFaviconGenerator та дорогоцінний камінь rails_real_favicon:
rails_real_favicon самоцвіт вамGemfilefavicon.json . Цей файл описує піктограми, які ви щойно створили.rails generate favicon щоб насправді створити піктограми та HTML-код.render 'favicon'свої макети, щоб вставити HTML-код на свої сторінки.Перевага цього рішення полягає в тому , що він вводить файли Favicon ( favicon.ico, apple-touch-icon.png, а йbrowserconfig.xml і manifest.json) в трубопроводі активів.
Повна інформація: Я автор програми RealFaviconGenerator.
Я знайшов, що мені вдалося вирішити наступне:
?v=versionопцію, яка допоможе подолати проблему кешування браузера. Це мені допомогло.publicта app/assets/images. Вам знадобиться лише один, але якщо ви не знаєте в який, копіювання в обидва місця не зашкодить ... або ви можете поекспериментувати, щоб побачити, який з них працює - скористайтеся?v=version для проведення тесту.<head></head> розділі своїх макетів у файлах app / views / layout (наприклад application.html.erb):<%= favicon_link_tag 'favicon.ico' %>
Сподіваємось, це забезпечує простий рецепт. Я впевнений, що якщо я щось пропустив, хтось може та покращить цю відповідь.