[Rails] 사이트 라벨에 사용되는 원시 아이콘의 제작 방법~설정까지(favicon)
날과 씨
팀이 만든 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
Reference
이 문제에 관하여([Rails] 사이트 라벨에 사용되는 원시 아이콘의 제작 방법~설정까지(favicon)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kaino5454/items/2ebd622fb01adc0d4d0f
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
아이콘 겸 사이트 로고를 준비했습니다.
이쪽 프리 로고 제작 사이트에서 만들었어요.
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
Reference
이 문제에 관하여([Rails] 사이트 라벨에 사용되는 원시 아이콘의 제작 방법~설정까지(favicon)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://qiita.com/kaino5454/items/2ebd622fb01adc0d4d0f
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
완성된 favicon
app/assets/image 아래에 놓으세요.
app/assets/images/favicon.ico
app/views/layouts/application.html.erb
<html>
<head>
<!--(省略) -->
<%= favicon_link_tag('favicon.ico') %>
<!--(省略) -->
</head>
이렇게 된 느낌.
아이콘은 어두운 색이나 밝은 색이 눈에 띈다.
참고 자료
・https://allabout.co.jp/gm/gc/23917/
・https://qiita.com/ntkgcj/items/6643a07a43a36029dc9b
Reference
이 문제에 관하여([Rails] 사이트 라벨에 사용되는 원시 아이콘의 제작 방법~설정까지(favicon)), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://qiita.com/kaino5454/items/2ebd622fb01adc0d4d0f텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
