파비콘이 뭐야? AI로 만드는 내 블로그 대표 아이콘 쉽게 설정하기

반응형

개성 있는 블로그를 운영하고 싶다면, 파비콘 등록은 필수입니다. 파비콘(favicon)은 웹사이트 탭 좌측에 표시되는 작은 아이콘으로, 블로그의 첫인상을 좌우하기도 하죠. 이번 글에서는 무료 AI 툴인 어도비 플라이(Adobe Firefly)를 활용해 나만의 파비콘 이미지를 만들고, .ico 형식으로 변환한 뒤 티스토리 블로그에 등록하는 방법을 단계별로 소개해드릴게요.

 

1단계. 파비콘이란?

파비콘(Favicon)이란 ‘Favorites Icon’의 줄임말로, 웹사이트 주소창이나 브라우저 탭, 즐겨찾기 목록 등에서 보이는 작은 아이콘을 말합니다. 블로그의 정체성을 시각적으로 표현하는 요소로, 방문자에게 기억에 남는 첫인상을 주는 데 도움이 됩니다.

 

아이콘과 파비콘의 차이

아이콘과 파비콘의 차이
아이콘과 파비콘 설정 페이지

 

아이콘은 블로그 내에 댓글 등과 같은 걸 했을 때 표시되는 일종의 프로필 사진이라고 생각하시면 됩니다. 그리고 파비콘은 앞서 말씀드렸듯이 브라우저 탭 창에 표시되는 아이콘이고 말이죠.

 

본격적으로 파비콘 A부터 Z까지

1단계, 어도비 플라이로 파비콘 이미지 만들기

어도비 플라이는 텍스트 프롬프트만으로 이미지를 생성할 수 있는 무료 AI 이미지 생성 도구입니다. 아래 단계를 따라 해보세요.

 

1) 어도비 플라이 홈페이지에 접속합니다.

 

2) 정사각형(1:1 비율)으로 설정된 상태에서 원하는 이미지에 대한 설명을 프롬프트에 입력합니다.

  • 예시: 나는 티스토리 블로그 프로필 및 파비콘을 만들려고 하는데, 주제는 공포, 미스테리와 관련된 블로그야. 이거에 맞는 공포스러운 아이콘을 만들고 싶은데. 될까?

 

생성된 이미지 다운로드 위치

 

3) AI가 생성한 이미지 중 마음에 드는 것에 마우스 커서를 가져다 대면 오른쪽 상단의 다운로드 버튼을 클릭해 저장합니다.

 

💡 꿀팁: 너무 복잡한 이미지는 파비콘에서 잘 보이지 않으니, 단순하고 또렷한 디자인이 좋습니다.

 

2단계, .ico 파일로 변환하기

이미지 파일은 .png 또는 .jpg 형태로 저장되지만, 파비콘은 반드시 .ico 확장자여야 합니다.

아래 무료 사이트에서 쉽게 변환할 수 있습니다.

 

.ico 파일 변환 사이트 초기 화면

1) .ico 파일 변환 사이트에 접속합니다.

 

파일 선택

2) 파일 선택 아이콘을 클릭하여 내가 다운로드한 파일을 열어줍니다.

3) 옵션은 기본 설정 그대로 두고 Create Favicon 버튼을 클릭합니다.

 

변환된 파일 다운로드하기

 

3) 변환 후에는 위와 같은 페이지로 이동하는데, 여기서 Download the generated favicon를 클릭하시면, 압축파일 하나가 다운로드 됩니다. 이 파일을 압축을 해제하면 .ico 파일과 다양한 해상도의 이미지가 함께 들어 있습니다.

 

4단계, 티스토리 블로그에 파비콘 등록하기

이제 준비된 .ico 파일을 티스토리에 업로드하면 됩니다.

 

관리 > 블로그에서 아이콘, 파비콘 설정하기

 

1) 티스토리 블로그 관리자 페이지에 로그인합니다.

2) 맨 하단 메뉴에서 관리 > 블로그를 클릭합니다.

3) 블로그 설명 아래에 있는 파비콘 등록 항목에서 .ico 파일을 업로드합니다.

4) 저장 버튼을 클릭하면 브라우저 탭에 나만의 아이콘이 적용됩니다.

 

적용된 모습

 

 

💡 꿀팁:  압축파일에는 다양한 크기의 이미지 파일도 있으니 아이콘에 적당한 크기 이미지 파일을 불러와주시면 함께 설정이 가능합니다.

 

마무리하며

파비콘은 검색 노출에는 직접적인 영향을 미치지 않지만, 블로그의 브랜딩과 방문자 기억에 강한 인상을 남기는 요소입니다. 무료 AI 툴을 활용해 손쉽게 이미지를 만들고, .ico 변환 후 티스토리에 등록하는 것만으로도 훨씬 더 전문적인 블로그로 거듭날 수 있어요. 아직 시도해보지 않으셨다면, 오늘 바로 만들어보는 건 어떠세요?

반응형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유