HTML 파비콘?
파비콘이란 인터넷 웹 브라우저의 주소창에 표시되는 사이트를 대표하는 아이콘이다.
아이콘 크기는 16X16, 32X32, 48X48, 64X64 픽셀로 구성해야 된다.
사이트를 대표하는 이미지를 브라우저 창에서 확인가능하다.
항상 제일 앞부분에 파비콘으로 설정한 아이콘이 등장하며
그 뒤에 <title></title>에 설정한 것들이 탭창에 나타난다.
파비콘의 확장자는 ico이다.
ico 파일 구하기
내가 가진 이미지를 파비콘으로 변환해주는 사이트를 이용하여 ico파일을 얻을수 있다.
아래의 사이트를 통해서 이미지를 ico파일로 변환할 수 있다.
ICO Convert - Create Icons From PNG & JPG Images Online
ICO Convert is a free online icon maker and favicon generator, with it you can make icons from png or jpg images, just upload a photo of yourself, resize and crop it, convert to a shape you like, add borders and shadows, and save it as a PNG image or Windo
icoconvert.com
tools.dynamicdrive.com/favicon/
Dynamic Drive- FavIcon Generator
FavIcon Generator Use this online tool to easily create a favicon (favorites icon) for your site. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand you
tools.dynamicdrive.com
본 글은 파비콘을 설정하는 방법을 알려주는 글이기에 파비콘을 만드는 방법은 다음에 게시 하도록 하겠다.
HTML에서 파비콘 설정해주기
<head>
<link rel="shortcut icon" href="/경로/파일이름.ico"/>
</head>위의 코드중 link로 되어 있는 부분을 </head> 바로 앞에 붙여 넣으면 된다
티스토리 사용하시는 분들은 관리 -> 스킨편집 -> HTML 편집에서
</head> 영역 바로 앞에 코드를 넣으면 된다.
티스토리에서 좀더 쉽게 설정하기
티스토리 관리-> 블로그 페이지에서 아이콘과 파비콘을 넣을 수 있는 공간이 있다.
그곳을 이용하면 따로 HTML 코드를 넣지 않아도 손쉽게 설정 할 수 있다.
'웹언어 > HTML' 카테고리의 다른 글
| [HTML] a 태그의 모든 것 (2) | 2021.05.30 |
|---|---|
| [HTML] select 하나만 골라봐 (6) | 2021.05.26 |
| [HTML] meta 설정하기 open graph (14) | 2021.05.09 |
| [HTML] input 사용법 (6) | 2021.05.05 |
| [HTML] form 사용법 (12) | 2021.05.04 |
