반응형
파비콘(favicon)이란?
파비콘이란 웹 브라우저 주소창에 있는 아이콘입니다.
파비콘의 크기는 16x16, 32x32, 48x48x, 64x, 64x가 있으며 8비트, 24비트, 32비트 색상이 가능합니다.
파비콘 만드는 방법
https://www.favicon-generator.org/
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
우선 파비콘 사이트에 접속합니다.
다음은 파일을 넣어준뒤 Create Favicon을 눌러줍니다.
그리고 Download the generated favicon을 눌러 다운로드 해줍니다.
압축을 풀면 다음과 같이 다양한 사이즈의 파비콘 파일이 있습니다. 파비콘을 적용하려는 홈페이지 폴더에 넣어주시면 됩니다.
마지막으로 아래쪽의 코드를 홈페이지 상의 <head> </head> 영역에 넣어주시면 됩니다.
반응형
'Web > HTML' 카테고리의 다른 글
| [HTML,CSS,JS] 반응형 드롭다운 메뉴 소스 (0) | 2023.03.16 |
|---|---|
| [HTML] <form> 태그 사용 방법과 요소 (0) | 2021.04.23 |
| [HTML] video 태그 사용법 (0) | 2021.04.21 |
| 웹접근성 가이드 및 체크리스트 (0) | 2021.04.19 |
| [HTML] 이미지맵 태그(map, area ) 사용 방법, 쉽게 만들어주는 사이트 (0) | 2021.04.15 |