반응형
목차
파비콘(favicon)이란?
파비콘(favicon)은 favorites + icon 이 합처진 단어 입니다.
브라우저를 열어서 상단에 웹사이트 탭 메뉴를 보시면 사이트명 옆에 작게 표시되는 아이콘이 있는데요.
naver를 예로 들면 naver 텍스트 옆 사각형 녹색 N 이미지가 파비콘 입니다.
아래 이미지 처럼 많이 보셨을거라고 생각됩니다.
블로그나 웹사이트를 만들 땐 파비콘(favicon)을 넣어야 즐겨찾기를 했을 때 해당 아이콘이 즐겨찾기에 표시됩니다.
파비콘(favicon)이 있으면 사람들이 더욱 쉽게 내 사이트를 찾을 수 있겠죠?
보통 파비콘의 사이즈는 32x32 사이즈고 확장자는 ico입니다.
이 규격을 지켜주셔야 브라우저에서 인식이 잘 됩니다.
파비콘 만들기
그럼 파비콘(favicon)은 어떻게 만드는지 알아볼까요?
아래 사이트는 내가 가진 이미지 파일을 자동으로 파비콘으로 변환 시켜주는 사이트입니다.
사이트에서 변환 시키면 자동으로 ico 확장자 파일로 만들어줘서 편리한데요.
아래 사이트에 접속하시면 파비콘을 ico 확장자 파일로 쉽게 변환 시켜주는 사이트로 이동합니다.
https://www.hipdf.com/kr/png-to-ico
만다는 순서는 다음과 같습니다.
- 사이트에 접속
- 파일 선택하기
- 변환 버튼 클릭
여기까지 어렵지 않으셨죠?
파비콘은 내 웹사이트가 브라우저의 탭이나 즐겨찾기에서 사이트를 찾기 쉽게 도와주는 역할을 합니다.
그렇기 때문에 내 사이트에 파비콘이 없다면 꼭! 적용 시켜주세요.
파비콘(favicon)이 필요한 분들에게 좋은 정보 되셨으면 좋겠습니다!
반응형
'IT정보' 카테고리의 다른 글
[MAC] 맥 이모티콘 이모지(emoji) 사용 방법 단축키 TIP 😀 (0) | 2024.03.02 |
---|---|
[iOS] 아이폰 아이패드 외장 키보드 한영 전환 불가 버그 (0) | 2024.03.02 |
[티스토리] 제목 소제목 스타일 1분만에 만들기 (0) | 2024.02.27 |
[티스토리] 자동 목차 (TOC) 만들기 - 초보 쉬운 설정 (0) | 2024.02.22 |