레일 3.2에 파비콘을 추가하는 방법
새로운 Rails 앱에는 빈 favicon.ico 파일이 함께 제공된다는 것을 알고 있습니다. 파비콘을 추가하는 방법을 알고 싶습니다. favicon_link_tag헬퍼 를 사용할 수 있다는 것을 알고 있지만 favicon.ico 파일을 채우는 방법을 모르겠습니다. 파비콘 생성기를 사용합니까? 그렇다면 어느 것이 가장 좋습니까?
나는 또한 그것을 캐시 할 수 있기를 원하는데 레일도 자동으로 수행합니까?
감사
예를 들어 여기에 favicon을 생성하십시오 : http://www.favicon.cc/ 그리고 public / 디렉토리에 넣으 십시오.
UPDATE 공용 폴더의 Favicon은 미리 컴파일되지 않으며 오랫동안 캐시 될 수 있습니다. favicon 업데이트 문제를 피하기 위해 favicon_link_tag 를 사용하는 것이 더 나은 것 같습니다 . 나는 브라우저가 루트에서 파비콘을 필요로하는지 모른다. 파비콘 위키 에 따르면 모든 최신 브라우저는
<link rel="shortcut icon" href="favicon path" /> (favicon_link_tag)
<head></head>레이아웃 섹션에 다음을 추가하기 만하면됩니다 .
<%= favicon_link_tag 'favicon.ico' %>
/app/assets/images/자산 파이프 라인을 사용하는 경우 favicon.ico 이미지를 배치하고 그렇지 /public/images/않은 경우 배치하십시오.
또한 Rails 3.0.20 (및 3.0.x)과 함께 Ruby 2.0을 사용하는 경우 favicon.ico를 렌더링하려고 할 때 예외가 발생하는 버그가 있습니다.
수정 사항은 다음 코드를 application_controller.rb에 배치하는 것입니다.
config.relative_url_root = ""
이 모든 답변은 16x16 아이콘을 만드는 것이라고 말하고 있지만 현실은 레티 나 디스플레이를 지원하기 위해 16x16 및 32x32를 모두 만들어야한다는 것입니다. 온라인 생성기 중 어느 것도 이것으로 아주 잘 작동하지 않았습니다.
Mac에는 Icon Slate 라는 5 달러짜리 앱이 있습니다.이 앱 을 사용하면 단일 ICO 파일에서 두 형식을 쉽게 만들 수 있습니다.
Windows에서는 Axialis IconWorkshop 을 성공적으로 사용했지만 훨씬 더 무거운 도구이며 약 50 유로에 훨씬 더 비쌉니다.
둘 다 16x16 및 32x32 이미지가 모두 포함 된 ico 파일을 만듭니다.
자산 파이프 라인을 사용하는 경우 / public이 아닌 app / assets / images 폴더를 사용하십시오. link태그 를 무시하는 프린지 브라우저의 수가 빠르게 0에 가까워지고 있으므로이를 수용하기 위해 농구를 뛰어 넘는 것은 가치가 없습니다.
다른 답변에서 언급했듯이에서 이것을 사용 head하여 표시하십시오.
<%= favicon_link_tag 'favicon.ico' %>
이 옵션을 적극 권장합니다. 사용하기 쉽고 무료 http://converticon.com
application.html.haml 에 작성하십시오 .
= favicon_link_tag '/images/favicon.ico'
favicon.ico 파일 을 dir에 넣으십시오 .
project/public/images
favicon.ico라는 16x16 픽셀 이미지 파일이 거의 필요하며 사이트 루트에서 공개적으로 사용할 수 있어야합니다.
항상 주요 이미지 편집기를 사용하여 로고 또는 기타 이미지를 .ico 형식으로 변환 할 수 있습니다. 온라인 아이콘 생성기보다 기존 이미지를 기반으로 훌륭한 아이콘을 더 잘 만들 수있는 Gimp와 같은 무료 옵션이 있습니다.
위의 링크를 시도했지만 서비스는 사용하기가 그리 간단하지 않았습니다. 다른 사이트에서이 링크를 찾았고 내 .png 파일을 완벽하게 복사했으며 사용하기가 매우 간단했습니다. 더 나은 서비스라고 생각하므로이 링크도 공유 할 것이라고 생각했습니다.
http://www.chami.com/html-kit/services/favicon/
수년 동안 해본 적이 없지만 Gimp는 크기가 다른 여러 이미지로 .ico 파일을 저장할 수 있습니다. 일부 보이는 레이어가있는 .ico 형식으로 내보내기 만하면됩니다.
(데스크톱 브라우저뿐만 아니라) 모든 플랫폼에 대한 파비콘을 생성하려면 RealFaviconGenerator 및 rails_real_favicon gem을 사용할 수 있습니다 .
- RealFaviconGenerator로 이동 하여 사진을 제출하십시오. 아이콘, 플랫폼 별 플랫폼 (iOS, Android 등)을 만들 수 있습니다.
- 아이콘이 준비되면 "Rails"탭을 클릭하여 Rails 프로젝트에 파비콘을 설치하는 단계를 가져옵니다. 기본적으로 다음을 수행해야합니다.
rails_real_favicon당신에게 보석을 추가하십시오Gemfile- 라는 새 파일을 만듭니다
favicon.json. 이 파일은 방금 디자인 한 아이콘을 설명합니다. rails generate favicon아이콘과 HTML 코드를 실제로 생성하기 위해 실행 합니다.render 'favicon'페이지에 HTML 코드를 삽입하려면 레이아웃을 추가하십시오 .
이 솔루션의 장점은 파비콘 파일 (주입이다 favicon.ico, apple-touch-icon.png뿐만 아니라 browserconfig.xml및 manifest.json자산 파이프 라인에서).
전체 공개 : 저는 RealFaviconGenerator의 저자입니다.
나를 위해 일한 해결책은 다음을 수행하는 것입니다.
- http://realfavicongenerator.net/favicon_checker로 이동하여 좋은 파비콘이 있는지 확인하십시오. 그렇지 않은 경우 해당 도구를 사용하여 하나를 만듭니다 (다른 많은 유용하고 관련 아이콘 포함). 참고 : 이렇게하려면 파비콘의 기초로 사용할 좋은 아이콘 (예 : PNG)이 있어야합니다.
- 이용 받아 http://realfavicongenerator.net 사용에 제안
?v=version도움말 패배 옵션 브라우저 캐싱 문제. 이것은 나를 도왔다. - favicon.ico를
public및에 복사합니다app/assets/images. 하나만 필요하지만 어느 쪽이 어느 쪽인지 모를 경우 두 곳 모두에 복사해도 문제가되지 않습니다 ... 또는 어느 쪽이 작동하는지 실험 해 볼 수 있습니다?v=version. 테스트를 수행 하는 데 활용 하세요. <head></head>app / views / layouts 파일 (예 : application.html.erb)의 레이아웃 섹션에 다음 줄을 추가합니다 .
<%= favicon_link_tag 'favicon.ico' %>
이것이 간단한 레시피를 제공하기를 바랍니다. 내가 놓친 것이 있다면 누군가 가이 답변을 향상시킬 수 있고 향상시킬 것이라고 확신합니다.
난에 파일을 넣을 때 문제가 있었다 /public/favicon.ico내가 사용하고, AWS EBS를.
실수를 고칠 수 있습니다.
나에게 더 나은 솔루션은 파일을 넣고 /app/assets/images/favicon.ico사용하는 것입니다.= favicon_link_tag 'favicon.ico'
참고 URL : https://stackoverflow.com/questions/9901910/how-to-add-favicon-in-rails-3-2
'Program Tip' 카테고리의 다른 글
| get / set 패턴 (Python에서)을 사용합니까? (0) | 2020.10.20 |
|---|---|
| 문자열에 새 줄 (\ n)을 사용하고 HTML에서 동일하게 렌더링 (0) | 2020.10.20 |
| Matplotlib 개별 컬러 바 (0) | 2020.10.20 |
| 정상적으로 node.js 종료 (0) | 2020.10.20 |
| Redis : 키의 데이터베이스 크기 / 크기 표시 (0) | 2020.10.20 |