[Rails] 사이트 라벨에 사용되는 원시 아이콘의 제작 방법~설정까지(favicon)

1995 단어 faviconlogoRails

날과 씨


팀이 만든 WEB 앱에 오리지널 아이콘을 추가하고 싶어 방법을 모색 중이다.

아이콘 준비


아이콘 겸 사이트 로고를 준비했습니다.
이쪽 프리 로고 제작 사이트에서 만들었어요.
https://www.squarespace.com/
이런 거 다 됐어.

이것은 나의 투자조합이 사용하는 로고다.
상당히 크게 찍었지만 로고로 쓸 때는
css로 width를 지정하면 잘 사용할 수 있을 것 같아요.

favicon 만들기


방금 만든 로고 사용하기 (다른 준비자는 png 확장자의 그림을 준비하십시오)
이쪽 무료 소프트웨어로 만들어요.
http://www.xiconeditor.com/
프로그램은 사이트 오른쪽의 숫자 순서에 따라 진행된다.

이렇게 favicon이 완성됐습니다.

설정


완성된 favicon
app/assets/image 아래에 놓으세요.
app/assets/images/favicon.ico
그리고 응용 프로그램.html.erb에 코드를 씁니다.
app/views/layouts/application.html.erb
<html>
  <head>
<!--(省略) -->
    <%= favicon_link_tag('favicon.ico') %>
<!--(省略) -->
  </head>
이렇게 하면 rails로 서버를 시작하면 탭의 일부분이 만들어진 원시 아이콘이 됩니다.

이렇게 된 느낌.
아이콘은 어두운 색이나 밝은 색이 눈에 띈다.

참고 자료


https://allabout.co.jp/gm/gc/23917/
https://qiita.com/ntkgcj/items/6643a07a43a36029dc9b

좋은 웹페이지 즐겨찾기