B l o g

티스토리 파비콘 만드는 법: 손쉽게 블로그 아이콘 설정하기

뇽🦝 2024. 11. 2. 11:48
SMALL

안녕하세요~! 😊

블로그를 최근에 새로 시작하면서 꾸미는 방법들을 하나씩 알아보고 있는데요,

그 과정에서 알게 된 정보들을 여러분과 함께 공유하려고 합니다.

오늘은 티스토리 블로그에 개성 있는 파비콘을 만드는 법을 소개해드릴게요!

 

Preview


Before

 

After

 


 

 

파비콘이란?

먼저, **파비콘(Favicon)**이 무엇인지 짧게 설명드릴게요. '

파비콘은 웹사이트의 작은 아이콘으로, 주로 브라우저 탭에 나타나거나 즐겨찾기 아이콘으로 표시됩니다.

사이트마다 특유의 파비콘을 설정해 두면 방문자들이 쉽게 기억할 수 있어요.

구글은 G자 로고가 뜨고, 네이버는 초록색 N 상자가 뜨는 것처럼요!

특히 블로그를 운영하면서 고유의 파비콘을 설정하면 블로그의 정체성도 살리고, 시각적으로 더욱 매력적인 인상을 줄 수 있답니다.

 

티스토리 파비콘 설정 페이지

파비콘을 설정하는 방법은 생각보다 간단해요!

티스토리 관리자 페이지에서 몇 가지 클릭만으로 손쉽게 설정할 수 있어요.

티스토리 파비콘 설정 경로는 다음과 같습니다:

관리자 페이지 -> 관리 -> 블로그 -> 파비콘 불러오기


이제 본격적으로 파비콘을 만들어서 등록하는 과정을 알아볼까요?

 

파비콘 만들고 등록하는 법

1. 아이콘 만들기: 편집 어플에서 도형 자르기

먼저, 파비콘으로 사용할 이미지를 준비해주세요.

저는 Epik이라는 편집 어플을 사용해 손쉽게 도형을 잘라냈는데, 포토샵이나 다른 이미지 편집 툴을 사용하셔도 좋습니다.

아이콘은 작기 때문에 깔끔한 디자인이 더욱 눈에 잘 들어오니, 단순한 도형이나 기호 등을 사용하는 것도 추천드려요.

 

2. Favicon.io에서 파비콘으로 변환하기 (무료)

이제 준비한 이미지를 파비콘 형식의 파일로 변환할 차례입니다.
Favicon.io 사이트에 접속하면 이 과정을 무료로 쉽게 진행할 수 있어요!

파비콘으로 만들고 싶은 이미지를 업로드하면 여러 브라우저와 기기에 최적화된 아이콘 파일들이 자동으로 생성됩니다.

간편하고 빠르게 파비콘을 만들 수 있어서 정말 유용하답니다. 😊

http://https://favicon.io/favicon-converter/

파비콘으로 만들 이미지를 업로드하면 자동으로 다양한 브라우저에서 사용 가능한 아이콘 파일을 생성해 줍니다.

 

3. 생성된 favicon.ico 파일 등록하기

이제 변환된 파일을 다운로드한 후, 티스토리 관리자 페이지로 돌아가서 파비콘 불러오기 옵션을 사용해 업로드해주시면 됩니다.

다운로드된 압축 파일 중에서 favicon.ico 파일을 찾아 등록하시면, 나만의 파비콘이 블로그에 반영됩니다!

 

 

이렇게 해서 간단하게 티스토리에 맞춤형 파비콘을 설정할 수 있습니다.

자기 자신만의 파비콘으로 블로그를 더욱 돋보이게 만들어 보세요!

안 되는 부분 있으면 댓글로 질문 주세요~!

LIST