본문 바로가기
일상

[티스토리]블로그 파비콘 바꾸기

by 하프시계 2023. 8. 16.
반응형

티스토리 파비콘 바꾸는 방법

2023.08 작성

안녕하세요, 하프시계입니다.

티스토리를 한지 벌써 1년이 넘었는데요, 블로그를 조금 꾸미고 싶은 생각이 듭니다.

티스토리 블로그들은 기본 파비콘이 이 아이콘으로 뜨는데요.

기본 파비콘
만든 파비콘

블로그 관리에서 파비콘을 바꿀 수 있길래 바꿔봤습니다.

파비콘 하나 바꿔도 나만의 블로그 느낌을 줍니다.

간단한 아이콘 디자인과 ico파일로 바꿔 적용하여 파비콘을 만들어 봅시다!

 


1. 파비콘 디자인하기

미리캔버스에서 만들기

 

빠르고 쉽게 디자인하는 방법! 저는 미리캔버스를 애용합니다.

근데 굳이 디자인하지 않더라도 예쁜 아이콘을 다운로드하셔도 됩니다.

하지만 '나만의' 느낌이 덜하겠죠?

잠깐 시간내서 내 블로그를 커스터마이즈 해봅시다.

 

 

미리캔버스에 들어가서 100px X 100px짜리 페이지를 만들어 줍니다. (150x150도 괜찮)

사실 파비콘이 엄청 작게 보이는 거라서 저렇게 글씨 넣어도 잘 안 보입니다.

그래서 그냥 간단하게 대문자, 도형을 넣는 경우가 많아요.

이렇게 디자인하고 PNG로 저장해 줍시다.

*투명한 배경 꼭 체크해 주세요!

 


 

2. PNG to ICO

웹사이트 캡쳐 이미지

 

파비콘을 업로드하기 위해서는 파일 확장자가 ICO파일이어야 합니다.

이건 정말 쉽게 할 수 있습니다. 요새 기능을 갖고 있는 웹사이트들이 많아서 좋은 듯.

우선 PNG파일을 ICO파일로 바꿔주는 웹사이트에 들어갑니다.

가장 첫 번째 PNG -> ICO를 눌러줍니다.

 

 

▼PNG to ICO, Pavicon

 

Favicon.io - The Ultimate Favicon Generator (Free)

With Favicon.io you can quickly generate a favicon for your website for free!

favicon.io

 

 

그럼 컨버터가 뜨고 여기에 아까 만들어둔 PNG파일을 넣어줍니다.

그다음 다운로드 누르면 끝! zip형태로 파일이 저장됩니다.

그 안에는 다양한 사이즈의 파비콘들과 ICO파일이 있습니다.

 

 


 

 

3.  티스토리 블로그에 적용하기

티스토리 관리 캡쳐

 

티스토리 관리창을 보시면 관리 - 블로그가 있습니다. 들어가 줍니다.

 

 

설정 캡쳐 이미지

 

내가 정한 블로그 이름과 닉네임, 설명을 설정할 수 있는데요.

이 밑에 파비콘을 설정할 수 있는 곳이 있습니다.

불러오기를 누르고 ICO파일을 넣으면 끝! 

정말 간단하죠?

 

언제든지 다른 파비콘으로 바꿀 수 있고, 바꾸고 나서 새로고침했는데 왜 안 뜨지 하는 경우가 있는데요.

시간이 좀 지나면 바뀝니다!

 

 

[2023.08.16. 업데이트]

 

 

반응형

댓글