favicon 은 웹 브라우저의 즐겨찾기 또는 주소창에 뜨는 아이콘을 말한다. Favorite과 Icon의 합성어로 주로 사용하는 크기는 16 x 16(px) 이고 확장자는 ico다. 크기가 작지만 은근히 이곳 저곳에서 많이 보이는 아이콘이기 때문에 로고나 심볼이 복잡한 서비스나 기업의 웹 디자이너들은 골머리 앓게된다. 웹사이트를 즐겨찾기할 경우 즐겨찾기 이름 앞에 그 사이트의 패비콘이 같이 뜨게 된다. <출처: 나무위키>
하지만 우리가 선택한 Chirpy 테마는 favicon을 아주 쉽게 이용할 수 있도록 favicon 제작 매뉴얼을 제공한다. 하나씩 살펴보도록 하자
Customize the Favicon
우리가 클론한 블로그에는 4개의 샘플 포스트가 있다.
- Getting Started
- Customize the Favicon
- Writing a New Post
- Text and Typography
Customize the Favicon이라는 글을 열어보면 Favicon을 제작하는 방법에 대해 꽤 상세하게 설명되어 있다
- LOGO를 하나 만든다. 포토샵이나 일러스트, PPT를 이용해도 좋고 무료 로고 제작 사이트 서비스를 이용해도 괜찮다.
- Favicon & App Icon Generator 에 업로드 한다.
- Include your favicon.ico in the public gallery 옵션은 체크해제
- Create Favicon!
Favicon upload
.PNG, .ICO 파일을 복사해서 assets/img/favicons/ 폴더에 붙여넣는다.
빌드한다.
끝~
###