미리캔버스로 티스토리 블로그 파비콘 만들어 설치하기

 

아이콘은 아래처럼 내가 댓글을 달았을때 올라가는 그림이고

 

 

 

파비콘이란 favicon, 'favorites + icon'의 합성어로 휍사이트를 대표하는 표식을 말합니다.

 

 

 

웹브라우저 주소 앞에 있는 이런 로고들을 말합니다.  

 

기왕 배운 김에 파비콘 만들어서 바꿔보는 법도 알아보겠습니다.

 

 

파비콘은 16x16 픽셀의 아주 작은 사이즈이며 확장자가 ico라는데

png나 jpg, jpeg 파일을 변환해도 된다고 합니다.

 

 

 

 

---

1. 일단 미리캔버스에 가입해주세요!

 

 

 

최근에 알게된 사이트인데, 여기서 영상, 보고자료, 썸네일등 각종 디자인 자료들을 아주 손쉽게 만들 수 있습니다.

템플릿이나 사진, 그래픽, 표 등 사용할 요소가 아주 다양하게 포함되어 있어 편리합니다.

가지고 있는 네이버 아이디 그래도 가입하면 됩니다.

 

---

2. 디자인 만들기

 

 

가입이 되었으면 오른쪽 상단에 새 디자인 만들기를 클릭해주세요.

파비콘은 픽셀이 작아야 된다고 해서 비교적 작은 편인 로그/프로필을 선택해서 만들었습니다.

 

 

 

파비콘은 대부분 알파벳 하나를 쓰더군요. 그래서 저도 따라했습니다.

마이성의 m자는 더페이스샵잉크립퀴드체로 쓰고 바탕은 노란계열로 선택했습니다. 

초심플!

 

 

 

 

png확장자로 빠른 다운로드합니다.

 

---

 

3. 그림판을 열어주세요!

 

 

 

파일을 열어주고요

 

 

홈 -크기조정 -픽셀에 들어가서 가로를 16으로 변경해줍니다. 가로 변경하니까 세로도 자동으로 16으로 바꿔지네요.

그리고 다시 저장.

 

---

 

4. ico 변환하러 가기

 

ico는 그냥 이름만 내맘대로 바꾸면 안되고요 아래 사이트에 들어가서 변환해주시면 됩니다.

그냥 인터넷에서 찾았습니다... 

 

 

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

Favicon & App Icon Generator

 

 

?????

 

첫 화면에 이미지 파일 선택이라고 나옵니다. 시키는데로 파일 선택해서 Creat Favicon 클릭하시면

 

 

다운로드 하라고 나옵니다.

 

 

고러면 이렇게 압축파일. 저중에 확장자 ico보이시죠? 이제 거의 다 되었습니다.

요놈만 티스토리 블로그에 삽입해주면 됩니다.

 

---

5. 티스토리 삽입

 

티스토리에 넣는 것은 아주 간단합니다. HTML 요런거 몰라도 되고요.

계정 - 관리 - 블로그 들어가서 파비콘 불러오기 후 저장만 하면 됩니다.

 

 

 

 성공!! 예이!!