본문 바로가기
Cute Bow Tie Hearts Blinking Blue Pointer
티스토리꾸미기

파비콘 만들고 적용하는 법 정리 티스토리 꾸미기

by 들기름메밀국수 2025. 2. 18.
반응형

 
아무래도 티스토리 블로그가 네이버 보다는 생소해서 진입장벽이 높았던 것도 있는데,, 일단 차근차근 따라하면서 배워보면 됨..(내가 그랬으닉가,,) 다른것보다 비교적 쉬운 티스토리 꾸미기 방법 중 하나!


티스토리 블로그 파비콘 설정하기

남들과는 다른 나만의 아이콘 만들기

 
 
 
 

파비콘(Favicon)이란?


파비콘은 Favorite icon 의 줄임말로 흔히 주소창을 열었을때 보이는 웹사이트의 작은 아이콘이다.

북마크나 브라우저의 탭에 표시되어 어떤 사이트인지 바로 인식할 수 있게 해주는 대표 아이콘, 네임택과 같이 볼 수 있다.
 
대부분 아이콘들이 그렇듯 사이즈는 보통
가장 작은 사이즈는 16×16 픽셀부터 32×32픽셀, 64×64 픽셀 사이즈 등으로도 가능하다.
요즘에는 디바이스들이 다양하게 나오니 필요로 하는 사이즈의 파비콘으로 사용하면 된다.

 



 

파비콘 전환 사이트, ico파일로 바꾸기
Favicon&App Icon Generator

 
⭐️파비콘을 만들기위해서는 먼저 이미지 파일이 필요한데 png, jpg 파일을 추천한다.
 
 
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

⬆️위 링크를 통해 이미지 파일을 파비콘으로 변환이 가능하다. 홈페이지로 먼저 이동한 후
 
 

[파일선택]을 클릭해서 준비된 이미지 파일(png, jpg 등)을 선택하고 [Create Favicon]을 클릭해준다.
 
 
 

그 다음 [Download the generated favicon]을 클릭해주면 압축파일이 다운받아지는 것을 볼 수 있다.
 
 

받아진 압축파일을 열어보면
위와 같이 다양한 사이즈의 파비콘들을 볼 수 있다.
이미지 파일만 있으면 이렇게 간단하게 변환이 가능함
 
 


 
 

내 티스토리 블로그에 파비콘 적용하기

 

그렇게 파비콘 생성을 완료했으면
블로그 관리페이지로 들어온 후
하단 [관리] 탭 - [블로그] 로 들어간다.
 

블로그 설명 아래쪽에 보이는 아이콘 / 파비콘에서
[불러오기]를 통해 생성된 파일을 업로드해주면 되는데, 파일 형식을 확인하고 적용시켜주면 된다.

 

파비콘: ico 파일형식, 아이콘: jpg/png 파일형식

아이콘은 jpg, png 형식의 32×32사이즈 파일,
파비콘의 경우 ico 형식의 파일을 업로드해준다.
 
 
 

두 가지 모두 업로드를 했다면 [변경사항 저장]을 클릭하여 적용시켜주면 된다.
 
 

적용까지 완료했다면 브라우저를 닫고 다시 열어 내 티스토리 블로그를 들어가보면 위와 같이 파비콘이 나타나는것을 볼 수 있다.
꽤 귀여워,,🤭🩵
 
 
생각보다 제법 간단한 파비콘 적용하기
티스토리 블로그 꾸미기 가보자고🤝🏻〰️
 
 

반응형