본문 바로가기
  • Dodam Dodam : 야무지고 탐스러운 정보 공유
티스토리 초보이야기

[티스토리] 아이콘/파비콘 ICO 설정하기 -블로그꾸미기2

by 도담_도담 2023. 8. 4.

원래 네이버 웹사이트에 노출되도록 사이트 등록을 하려고 했는데,

그러면 아이콘과 파비콘ICO를 설정해야 그럴싸해질 것 같아서 이 작업을 먼저 하려고 한다.

 


목차

1. 아이콘과 파비콘 ICO 는 무엇인가?

2. 아이콘과 파비콘 만드는 방법은?

3. 아이콘, 파비콘 설정 방법은?

 


1. 아이콘과 파비콘ICO 란?

 

1) 아이콘 : 티스토리에서 댓글을 달때 닉네임 옆에 있는 이미지가 아이콘이다.

2) 파비콘(ICO) : 웹사이트 창 이름 옆에 노출되는 이미지가 파비콘이다.

 

 


2. 아이콘 & 파비콘 만들기

 

1) 규격 가이드

-아이콘 : 권장 사이즈 32x32, 64x64 픽셀 / 파일형식 JPG, PNG

-파비콘 : 파일형식 ICO

▷아이콘과 파비콘을 같은 디자인을 사용할 예정이기 때문에, 이이콘 권장 사이즈인 '32x32 픽셀' 로 제작했다.

▷따라서, 아이콘 파일형식도 PNG로 저장했다. 이미지를 ICO 파일로 만들려면 이미지가 PNG 파일이어야 한다.

 

 

2) 디자인

-디자인은 저작권만 유의해서 넣고 싶은 이미지를 써도 된다.

-난 통일성을 위해 현재 프로필&상단배너 와 같은 배경을 넣고, 닉네임인 도담을 문구로 넣었다.

 

3) PNG 파일 > ICO 파일로 변환하기

 

- Convertio :ICO 무료 변환 사이트

https://convertio.co/kr/png-ico/

 

- 파일을 업로드 하고 변환을 기다렸다가 다운로드 받으면 끝

 

 

 

4) 준비 완료!

 

 


3. 아이콘 & 파비콘 등록하기

 

1) 블로그 관리 >블로그 설정으로 들어간다.

-준비해둔 아이콘, 파비콘 등록한다.

 

 

2) 적용된 모습

- 아이콘 (댓글 작성시 닉네임 옆에 아이콘 노출)

 

- 파비콘 (블로그 사이트 창에 블로그명 옆에 아이콘 노출)

 

 

 


별거 아닌 작업임에도 내 손 때가 하나하나 묻어가는 것 같아 정이 들고 있다.

오늘도 많은 사람에게 유용한 정보였길 바라며..