파비콘이 뭐야? 파비콘 설정하기! (추천/ ICO 변환 사이트)

 

ⓒ레드웨이(Redway)

 

"파비콘이 뭐야? 아이스크림콘이야?" 내가 처음 파비콘이라는 말을 들었을 때 그렇게 말을 했다. 친구들이 박장대소를 하며 이번에 새로 나온 아이스크림집 브랜드라고 했다. 그렇게 알게된 파비콘-! 나는 홈페이지를 2~3개를 세팅하고 운영했던 적이있다. 그때 무슨 생각으로 했는지, 지금도 한개는 아직도 있다. 그거 리셋해서 다시 꾸며야지 하는데 요즘은 티스토리 한다고 정신이 없다. 쨋든 홈페이지에서도 파비콘이라는 것이 존재한다. 그렇다면 파비콘은 대체 무엇일까?

 

 

 

 

파비콘이란? (Favicon)

---

영어로 Favorites + Icon으로 인터넷 주소창에 나타나는 대표하는 아이콘이다. 

 

 

ⓒ레드웨이(Redway)

위에 보이는 아이콘들, 저 친구들이 오늘 알아보고 설정해볼 파비콘이다. 각자 만의 로고가 있다. 나는 레드웨이의 로고로 파비콘을 했다. 그 파비콘을 어떻게 설정하는지 오늘 포스팅해보려고 한다. 그럼 시작-!

 

여기서 하나 더-! 로고 뿐만 아니라, 사진을 해도 가능하다. 로고가 없는 사람들은 바로 2번부터 시작하면 된다. 로고로 하면 깔끔하고 멋지지만, 개인의 블로그에는 로고가 없는 경우가 많으니 사진으로라도 꼭! 해보길 바란다.

 

 

 

01.

로고 사이즈를 작게 준비한다.

---

ⓒ레드웨이(Redway)

포토샵 사이즈 100px X 100px에 로고를 올려주고 파일을 png로 저장한다. 위와 같이 깨져도 괜찮다. 사이즈가 작아져서 저런것이니 걱정하지말고 다음으로 간다. 

 

 

 

 

02.

PNG를 ICO파일로 변환한다.

---

ⓒ레드웨이(Redway)

Online File Converter

파비콘의 파일 형식은 ICO이다. 이 형식으로 변환을 하기 위해 위의 사이트를 이용하면 된다. 다른 사이트를 이용해보았는데, 티스토리 파비콘 사이즈는 100KB가 넘으면 안되는데 다른 사이트들은 크게 변환해줘서 결국 사용하지 못하게 되더라-! 그런데 위의 사이트는 작게 변환해줘서 바로 작업이 가능하다. https://cdkm.com/ 

 

CHOOSE FILES에 클릭해서 아까 작업했던 아이콘을 불러오고 ICO가 되있는지 확인 후 START CONVERSION을 눌러 준다. 그렇게 변환이 되면 미리보기가 생성되는데, 오른쪽 마우스 클릭해서 다른이름으로 저장하면 된다.

 

 

 

03.

티스토리에 파비콘을 설정한다.

---

ⓒ레드웨이(Redway)

1. 티스토리 블로그 관리에 들어간다.

2. 블로그 설정에 들어간다. (블로그관리 홈 위에 자신의 프로필 사진?을 클릭하면 나온다.)

3. 파비콘 항목에서 불러오기를 누른다.

4. 저장한 ICO파일을 불러오고 저장해주면 끝

5. 바뀌는데 조금 시간이 걸리는 것 같으니 마음의 여유를 가지면 진짜 끄읏-!

 

 

 

 

이번 포스팅은 ICO 변환 사이트를 내가 기억하려고 포스팅 한 목적도 있다.

매번 할 때마다. 저장을 잘 안해놓아, 이런 사소한 곳에서 시간을 잡아 먹기 때문이다.

 

다들 본인의 파비콘을 만들어 조금 더 간지나는 티스토리 블로그가 되길 응원한다.