[블로그] 파비콘 만들기, ico 변환

티스토리 블로그를 처음 만들고 설정을 하려니깐 파비콘이란 항목이 있더라구요

파비콘이 무엇인지, 어떻게 만들수 있는지 알아봅시다.

▼ 파비콘이란?

favorites + icon 의 합성어로 웹사이트를 대표하는 아이콘을 말합니다.

웹브라우저를 이용하시다보면 url옆에 다음의 D나 구글의 G, 네이버의 N 같은 심벌을 많이 보셨을겁니다.

주로 사용하는 파비콘의 크기는 16 x 16 px이고 ICO를 가진 확장자 파일이어야 합니다.

파비콘을 만드는 방법은 다양한데 직접 그려서 만들거나, PNG나 JPG파일을 ICO파일로 변환해 주면 만들수 있습니다.

▼ 파비콘 만들기

---

1. 직접 그려서 만들기

https://www.favicon.cc/

색상을 선택한 후 지뢰찾기하듯 원하는 대로 그려주시면 됩니다.

preview 창에서 파비콘 미리보기를 하실 수 있고, 다 그렸다면 바로 아래에 있는 Download Favicon 버튼을 눌러 다운을 받으시면 됩니다.

하지만 디자이너가 아닌 개인이 만들다 보면 제대로 만들기가 힘이 들죠.

그래서 좀 더 편하게 쉽게 만들 수 있도록 기존에 있는 이미지를 변환하여 만드는 방법을 알아보겠습니다.

---

2.  이미지를 변환하여 만들기

https://icoconvert.com/

이미지 파일을 선택해 줍시다. 저는 고양이 캐릭터로 하겠습니다.

※ 파일이름은 영문이름만 인식이 가능합니다.

- 파일 선택

- 필요한 부분만 드래그를 통해 잘라낼 수 있습니다.

- 액자를 선택할 수 있습니다. 원하시는 모양이 있으면 선택하시면 되고 없다면 안하셔두 됩니다. Select  all은 모두 선택하기. 저는 선택하지 않겠습니다.

- Convert ICO 버튼을 눌러 Download your icon(s) 를 누르면 변환된 ICO 파일을 다운받을 수 있습니다.

4번째에 있는 Custom sizes 를 이용해 원하는 크기로도 다운받으실 수 있습니다. 

단, 티스토리에서 파비콘 설정하려면 100KB 이하 크기로 해야하니 주의해주세요.

- 적용한 모습

위 두가지 방법을 이용하여 자신만의 개성있는 파비콘을 만드시길 바랍니다.