HTML : favicon.ico 기본과 활용
* 각 웹 사이트를 실행시켰을 때 탭 및 작업표시줄 등에 해당 웹을 구분할 수 있게 해주는 아이콘을
파비콘(favicon)이라고 부릅니다.
* png, jpg, gif 등의 이미지를 ico 확장자로 변환하여 사용할 수 있습니다.
* 16x16 ~ 180x180px 까지 다양한 웹/앱 환경에 따라 정사각형 비율로 제작하여 사용합니다.
* web favicon size : 16x16, 32x32, 96x96
* apple favicon size : 57x57 ~ 180x180
* android favicon size : 192x192
<link rel="shortcut icon" href="파비콘.ico 경로" type="image/x-icon">
<link rel="icon" href="파비콘.ico 경로" type="image/x-icon">
파비콘 제작 추천 사이트
1. https://www.favicon-generator.org/
* 웹, 모바일에 삽입할 수 있는 파비콘을 쉽게 제작할 수 있습니다.
* keywords를 검색하여 무료 파비콘 중 하나를 이용할 수도 있습니다.
Favicon & App Icon Generator
Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.
www.favicon-generator.org
2. https://www.degraeve.com/favicon/
* 직접 도트를 찍어 파비콘을 포토샵 없이 제작할 수 있습니다.
* Make favicon 버튼을 클릭하여 파비콘의 미리보기 모습을 볼 수 있습니다. (미리보기 클릭하면 다운로드)
Favicon Generator
--> Favicon Generator Here is an example of a favicon:
www.degraeve.com