티스토리 파비콘 만들기

티스토리 파비콘 만들기

지난 시간에 티스토리 아이콘 만드는 방법에 대해서 알아 봤습니다.

오늘은 그 아이콘을 이용하여 파비콘을 만들고 티스토리에 등록하는 방법을 알아보도록 하겠습니다.

파비콘 이란 브라우져에 표시되는 아이콘을 말합니다.

아래 티스토리 블로그를 보시면 브라우져 탭부분에 티스토리 아이콘이 보입니다.

이 아이콘을 자신의 블로그 아이콘으로 변경할 수가 있습니다.

그럼 제 티스토리 파비콘을 만들고 한번 변경해 보겠습니다.

먼저 'favicon-generator' 이라고 검색을 합니다.

그럼 아래 보이시는것 처럼 'Favicon & App Icon Generator' 이라는 사이트가 보입니다.

이 링크를 클릭합니다.

그럼 아래와 같이 파비콘을 만들수 있는 사이트가 바로 열립니다.

여기서 지난 시간에 만들어 둔 아이콘을 Image 부분에서 파일 선택을 합니다.

그리고 저희는 파비콘만 만들거기 때문에 'Generate only 16x16 favicon.ico' 부분을 체크를 합니다.

또 아래에 'Include your favicon.ico in the public gallery' 부분의 체크를 해지합니다.

그리고 'Create Favicon' 버튼을 클릭해 주세요~

그럼 방금 업로드한 이미지를 파비콘으로 바로 변경을 해 줍니다.

우측에 있는 'Download the generated favicon' 메뉴를 클릭하고 해당 파비콘을 다운로드 합니다.

다운로드 메뉴를 클릭하면 브라우져 하단에 다운로드 받은 파일이 보입니다.

열어서 파일을 다른곳에 잘 보관해 주세요~

다운받은 파비콘을 티스토리에 적용해 보겠습니다.

티스토리 관리자 화면에서 '관리 > 블로그' 메뉴로 이동합니다.

그럼 아래와 같이 파비콘을 등록할 수 있는 부분이 있습니다.

여기에 불러오기 버튼으로 파비콘 파일을 업로드 합니다.

그리고 변경하상을 저장하시면 됩니다.

그럼 블로그로 가서 새로고침을 하면,

아래처럼 브라우저 탭의 아이콘이 우리가 업로드한 파비콘으로 변경된 것을 확인 하실 수 있습니다.

오늘은 간단하게 파비콘을 만들고 티스토리에 적용하는 것을 알아 봤는데요.

자신의 홈페이지가 있으시면 동일한 방법으로 파비콘을 만들고, 적용할 수 가 있습니다.

홈페이지에 적용할 소스 코드는 아까 파비콘 만드는 사이트에서 파비콘을 만들면 해당 코드를 알려줍니다.

그럼 수고 많으셨습니다.

<도움이 되는 관련글>

티스토리 아이콘 만들기

이미지에 워터마크 추가하기 - 여러개에 일괄 추가

이미지 자르기 프로그램 - 포토스케이프 사용하기