티스토리 파비콘만들기 png to ico 이미지를 아이콘으로

이번 포스팅에서는 png to ico

즉 png 이미지 파일로 icon  파일을 만드는 방법을 

소개하도록 하겠습니다. 

 

---

티스토리는 파비콘을 등록할 수 있는 기능이 있습니다. 

마치 홈페이지처럼 말이죠! 

파비콘을 등록하면 자신만의 로고를 

브라우저 상단 타이틀이 나오는 부분에 

표시할 수가 잇습니다. 

 

파비콘은 직접 그리는 방식으로 만들 수 있고 

이미지를 아이콘으로 변환해서 사용하는 방법이 있습니다. 

 

 

파비콘을 모르는 분들을 위해서 잠시 

파비콘에 대해서 알아보면.. 

 

파비콘(favicon)이란 favorites + icon을 줄인 말입니다. 

풀어보면 즐겨찾기 아이콘이라는 건데요! 

우리가 즐겨찾기를 하면 홈페이지든 블로그 주소든, 

웹주소가 저장이 되면서 해당 인터넷 주소를 

구분하기 쉽게 주소 앞에 작은 그림으로 표시를 하는 

아이콘을 의미합니다. 

 

 

아래 이미지는 현재 포스팅 중에 캡쳐한 화면입니다. 

인터넷 브라우저 화면에 빨간 원으로 표시된 부분에 

보이는 작은 아이콘이 파비콘입니다. 

 

 

 

다음 이미지는 즐겨찾기 목록을 캡쳐한 이미지입니다. 

즐겨찾기 한 사이트의 이름앞에 작은 아이콘이 

표시되고 있습니다. 

이게 파비콘입니다. 

 

 

내가 운영하는 티스토리 블로그에 파비콘을 

등록해놓은 경우 누군가 내 블로그를 즐겨찾기 하면 

내 블로그 이름앞에 등록한 파비콘이 표시가 됩니다. 

 

---

파비콘 만들기 (png to ico)

 

파비콘 등록을 하려면 확장자가 ico인 

아이콘 파일을 준비해야 합니다. 

일반 jpg나 png 등의 이미지로는 등록이 안됩니다. 

여기서는 png to ico 즉 png 파일을 ico 파일로 

변환을 한 다음 티스토리에 파비콘을 등록하는 방법을 

소개하겠습니다. 

 

먼저 아이콘으로 사용할 이미지를 구하거나 

포토샵이나 그림판 또는 그래픽 프로그램으로 

그려야 합니다. 

물론 직접 아이콘을 그려서 저장할 수 있는 사이트도 있습니다. 

이 2가지 방법에 모두 소개합니다. 

파비콘 만들기는 아래쪽에서 소개하겠습니다. 

---

 

png 파일을 ico 파일로 변환하기 

 

png 파일을 있으면 아주 쉽게 ico (아이콘) 파일을 

만들수가 있습니다. 

자신의 컴퓨터 속에 아이콘으로 사용할만한 png 파일이 

잇는지 찾아보세요 .  없으면 인터넷에서 무료 아이콘 검색하면 

많이 나오기 때문에 그 중에서 하나 저장해서 사용해도 됩니다. 

물론 저장안하고 인터넷에 잇는 이미지 파일의 주소(url)만

알아도 아이콘(icon) 파일을 만들 수가 있습니다. 

 

파일을 준비했으면

png 파일을 ico 파일로 쉽게 변환해주는

아래 사이트에 접속을 합니다. 

 

png ico 변환 사이트 => convertico.com 

 

그러면 아래와 같이 화면이 열립니다. 

 

 

중앙쯤에 있는 choose icon layer sizes를 클릭하면 

아래와 같이 아이콘 파일의 크기를 선택할 수 있는데 

여기서 64x64를 선택하는것이 좋습니다. 

128x128 size로 하면 파일의 크기가 커서 

파비콘으로 등록이 안될 수도 있습니다. 

 

이제 아래 사진의 빨간 화살표 부분을 

클릭해서 아이콘으로 변환할 png 파일을 선택해줍니다. 

png파일을 아래 빨간 화살표 부분으로 끌어다 놓기를 해도 됩니다. 

 

 

 

 

png 파일을 추가하면 곧바로 우측에 변환된 아이콘파일이

나타납니다. 

위 사진에서 파랑색 화살표 부분입니다. 

아이콘 파일의 이름과 크기가 함께 표시됩니다. 

이 크기가 95kb 이상이 되면 파비콘으로 등록이 안됩니다. 

 

이에 변환된 파비콘 파일의 우측에 아래화살표를 눌러서

본인의 컴퓨터에 저장을 합니다.

---

 

티스토리에 파비콘 등록하기

 

이제 파비콘으로 사용할 아이콘을 만들엇으니 

티스토리에 등록해봐요! 

티스토리에 파비콘 등록은 매우 간단합니다. 

 

티스토리 관리페이지로 이동 후 

왼쪽 하단쯤에 있는 "관리- 블로그"를 클릭합니다. 

 

 

 

오른쪽에 아래 그림과 같이 

아이콘, 파비콘이 보일 것입니다. 

아이콘은 등록을 한 상태이기 때문에 

아이콘이 표시가 됩니다. 

 

 

 

 

이제 파비콘 우측에 있는 불러오기를 눌러서

만들어 둔 아이콘 파일을 선택한 후 열기를 누릅니다. 

 

정상적으로 등록이 되면 아래 이미지와 같이 

파비콘 앞에 아이콘이 표시가 됩니다. 

 

 

마지막으로 변경사항 저장을 누르면 완성입니다. 

 

이제 본인의 블로그에 접속해보세요! 

아래 처럼 블로그이름, 포스트제목이 표시되는곳, 

즉 타이틀이 표시되는곳에 등록한 파비콘이 

나타나는 것을 확인할 수 있습니다. 

 

 

 

 

멋지지 않나요? ㅎㅎ

 

 

 

파비콘 만들기 / 아이콘 만들기

 

아이콘으로 사용할 이미지가 없는 분은 

아래 사이트에서 직접 아이콘을 

그려서 저장하는 방법이 있습니다. 

 

사이트주소 favicon.cc

 

우측에 컬러를 선택하고

중앙의 원 부분에서 클릭을 해서 그립니다.

다 그렸으면 아래쪽에서

Download Favicon 을 클릭해서

PC에 저장을 하면 됩니다.