728x90
300x250
파비콘(favicon)은 즐겨찾기Favorite와 아이콘 icon 합성어로 조소창 옆에 표시되는 조그마한 아이콘을 말한다.
파비콘의 크기는 16x16, 32x32, 64x64픽셀이 될 수 있고 8비트, 24비트, 32비트 색상이 가능하다.
<link rel ="shortcut icon" href="ico/favicon.ico" sizes="32x32">
파비콘은 ico파일로 제작되어야 하며 PNG, GIF, JPEG 사용은 가능하지만 익스에서는 지원되지 않는다.
<link rel="shortcut icon" href="ico/favicon.png">
그렇기 때문에 ico파일로 변경해줘야 한다.
▶ 어지간한 사이트는 하나씩 가지고 있는 파비콘을 만드는 방법
먼저 파비콘으로 등록할 아이콘을 png 파일로 준비한다.
https://www.favicon-generator.org/
위주소로 들어가서
준비해둔 png 파일을 불러오고 Create Favicon을 눌러준다.
밑줄 친 Download the generated favicon을 클릭한다.
아래에 link를 넣어주면 기기에 맞게 다양한 사이즈의 파비콘을 넣어줄수 있다.
여기서 ico파일 가져와서 업로드하고
<link rel="shortcut icon" href="ico/favicon.ico">
head에 링크값을 넣어준다
728x90
반응형
'Front-end > HTML' 카테고리의 다른 글
여러가지색 그라데이션 :: 그라디언트 적용 (0) | 2019.03.25 |
---|---|
svg 이미지 만들기 (2) | 2019.03.11 |
햄버거메뉴 코딩으로 만들기 (0) | 2019.02.09 |
반응형웹 모바일 해상도 (0) | 2019.02.07 |
타원형태로 둥글게 코딩하기 (0) | 2019.02.05 |
댓글