본문 바로가기
온라인 부수입/블로그

티스토리 블로그 관리 파비콘/아이콘 설정하기 변경하는 방법

by 꿈꾸는켈리 2024. 8. 9.
반응형

 


티스토리 블로그를 시작하고 자신의 블로그가 돋보일 수 있도록 세팅해 꾸미다 보면 위젯부터 메뉴 설정, 스킨 설정 등  메뉴들이 익숙지 않아 막히곤 하는 것 같아요. 오늘은 티스토리 블로그에 아이콘/파비콘 설정 변경하는 법에 대해 알아보려고 합니다. 티스토리 블로그를 꾸미다 보면 마주하게 되는 어디서 들어본 듯 낯선듯한 용어 아이콘/파비콘은 무엇인지 그리고 변경하는 방법에 대해 알아보도록 하겠습니다.

 

 

 


| 아이콘이란?

우리가 흔히 댓글 아이콘이라고 불리는 이미지를 아이콘이라고 합니다. 티스토리 블로그의 아이콘 영역은 댓글로 소통 시 본인의 아이덴티티를 나타내는 데 도움을 줍니다. 티스토리에서는 원하는 이미지로 직접 아이콘을 제작해 사용할 수 있어요.

 





| 파비콘이란?

즐겨찾기(favorites)와 아이콘(icon)의 합성어로 웹사이트 주소로 접속하였을 때 상단 탭에 나타나는 대표 이미지를 일컫는 용어입니다. 작은 아이콘이지만 해당 홈페이지 및 블로그를 쉽게 구별할 수 있게 해줍니다. 작은 영익이니 만큼 눈에 잘 띄는 직관적이고 심플한 아이콘을 사용해 주신다면 도움이 되겠죠.

 

 


 

| 피비콘/아이콘 교체 방법

 

아이콘과 퍼스나콘에 교체는 다음과 같습니다. 티스토리 블로그 계정에 로그인 한 후 블로그 우측상단 버튼 [T]을 눌러 블로그 관리 홈(톱니바퀴)으로 들어가 주신 뒤 변경해 줍니다.

 

블로그 관리 홈에 접속 하셨다면, [관리] - [블로그]를 선택해주세요.

 

 

 

[불러오기]로 각각 아이콘과 파비콘에 사용하실 이미지를 불러와 변경해줍니다.  아이콘은 JPG 또는 PNG 형식에 정방형 이미지 파일(32x32, 64x64)을 준비해 줍니다. 파비콘의 경우 ICO 형식의 파일이 필요한데요. 정방형 이미지를 준비해 주신 뒤 아래 링크( 'Favicon & App Icon Generator' )를 통해 해당 형식의 파일로 손쉽게 변경 가능합니다.

 

 

https://www.favicon-generator.org/

 

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 & App Icon Generator' 사이트 접속 후  [파일선택] - 이미지 선택 - Generate only 16x16 favicon.ico 체크박스 선택 - [Create Favicon]  순서대로 진행해주시면 변환된 파비콘 파일이 다운로드 됩니다.

 

 

 

 

 

[설정] - [플러그인] - [홈페이지 아이콘 표시 (파비콘)] - [적용]  적용 버튼을 누르고 잠시 시간이 지난 뒤 확인 해 주시면 파비콘이 적용된 것을 확인하실 수 있습니다.

 

앞으로 티스토리 설정법과 꾸미는 법을 차례로 소개해 드릴 텐데요. 티스토리 파비콘 및 아이콘 변경하시려는 분들께 많은 도움이 되셨으면 합니다.

반응형