파비콘 설명 및 만들기
파비콘이란
파비콘은 웹페이지에 접속했을 때, 상단 탭에 보여지는 아이콘이다.
현재 내 티스토리엔 파비콘 설정을 하지 않아서 기본 티스토리 파비콘이 나오는 상태.
예전엔 하나만 등록해도 된다면 이제는 다양한 브라우저와 기기때문에 사이즈별로 등록해야한다.
파비콘 설정방법
※ 각 사이즈별로 파일 등록해야함
저렇게 설정하면 거의 대부분 기기나 브라우저에서 지원한다.
그리고 작업할때 한 파일만 등록하면 사이즈별로 만들어주는 사이트가 있다.
참고 사이즈 : https://realfavicongenerator.net/
이용방법은 파일을 등록후에 팝업이 하나 뜨는데 파란색 버튼 클릭하면 생성해주는 페이지로 넘어가고,
따로 수정해야하는 경우엔 수정 후 화면 하단에 "Generate your Favicons and HTML code" 버튼을 클릭!
그러면 <head></head>에 넣어야할 코드들과 압축파일을 받을 수 있는 버튼이 생긴다.
그런데 사이즈가 좀 적게 나올 경우엔 상단에 "Get the old package" 버튼을 클릭해서 페이지 넘어가면
더 사이즈가 다양하게 생성된다.
'프로그래밍' 카테고리의 다른 글
아톰(Atom) 에디터 설치 및 세팅 (0) | 2018.05.17 |
---|---|
sublime text3 html 파일 오픈 방법 (0) | 2018.04.03 |
ios 팝업시 overflow-x:scroll 안되는 문제 (0) | 2018.03.15 |
sublime text (-) 하이픈 영역 나뉘어서 선택시 해결방법 (0) | 2018.03.07 |
jquery slick plugin slickGoTo 사용하기 (0) | 2018.02.19 |
댓글
이 글 공유하기
다른 글
-
아톰(Atom) 에디터 설치 및 세팅
아톰(Atom) 에디터 설치 및 세팅
2018.05.17 -
sublime text3 html 파일 오픈 방법
sublime text3 html 파일 오픈 방법
2018.04.03 -
ios 팝업시 overflow-x:scroll 안되는 문제
ios 팝업시 overflow-x:scroll 안되는 문제
2018.03.15 -
sublime text (-) 하이픈 영역 나뉘어서 선택시 해결방법
sublime text (-) 하이픈 영역 나뉘어서 선택시 해결방법
2018.03.07