favicon이란?
인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다.
1. 파비콘으로 제작할 이미지 고르기
추천 사이트 > https://icon-icons.com/ko/
이미지를 골랐으면 저장해준다.
2. 파비콘용 파일 제작하기
https://www.favicon-generator.org/
위 사이트에 접속해서 Generate only 16x16 favicon.ico
옵션을 고른 후 아까 저장한 이미지를 업로드 해주고 Create Favicon 버튼을 누른다.
3. 본인 프로젝트 img 파일에 파비콘 파일을 넣어준다.
4. index.html 파일에 파비콘 삽입 코드를 작성해준다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" sizes="16x16">
<title>F4T2</title>
</head>
<body>
//
</body>
</html>
뚝딱 완성이다! ✨
티스토리로 블로그를 이전했습니다. 😂 구경 오세요! 👉🏻 https://u-ryu-logs.tistory.com