파비콘 만들고 적용하는 방법!

블로그입문

Ghost-dictionary 2020. 9. 16. 19:19

파비콘 (Favicon) 이란?

파비콘 (영어: favicon, 'favorites + icon') 또는 패비콘이란

인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘이다.

예시 )

이런식으로 즐겨찾기에 저장하게되면 나타내는 아이콘과 같다.

1. 파비콘 만들기

파비콘을 만들기 위해서는 적당한 사이즈의 이미지를 미리 준비합니다! (GIF, JPEG, PNG 등)

저는 제 아이디의 유령(Ghost) 에 앞글자인 G를 따서 준비했습니다.

이미지를 준비하셨다면

Favicon & App Icon Generator

Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.

www.favicon-generator.org

여기로 이동해주세요

파일선택을 누르신다음 준비한 이미지를 선택하고 Favicon만들기 버튼을 눌러 파비콘을 생성합니다.

파비콘이 만들어지면 [생성된 파비콘을 다운로드] 버튼을 눌러 컴퓨터로 저장합니다

압축된 파일을 해제하여 폴더에 들어가면

이런식으로 사이즈별로 저장됩니다.

2. 티스토리 블로그에 적용하기

관리자 > 환경설정 > 기본정보 > 아이콘 > 찾아보기 클릭 > 다운받은 파비콘 선택 > 기본정보 저장

이상으로 파비콘을 만들고 적용하는 방법을 마치겠습니다!

여러분도 직접 만드셔서 멋지게 꾸며보시기 바랍니다^^

유령회원의 잡학사전