블로그 아이콘 파비콘 만들기

블로그 아이콘&파비콘 만들기

아이콘과 파비콘을 만드는 이유.

블로그를 운영하다 보면 다른 블로그를 볼 수록 점점 배워야 하는 것들이 많다는 것을 느낍니다.

아이콘과 파비콘은 자신의 블로그의 간판입니다. 이를 적용함으로써 조금 더 자신의 블로그를 최적화하고 네이버 및 구글에 더 노출될 수 있도록 하는 목적을 두고 있습니다. 자신의 블로그가 이쁘게 단장했다고 해서 블로그에 방문해주시는 분들이 보고서 이쁘다고 말해주는 사람을 없을 겁니다. 하지만 방문하는 사람들에게 신뢰감을 줄 수 있다고 개인적으로 생각하는 부분입니다.

이렇게 자신의 블로그를 꾸밈으로써 전문성을 더 강조시킬 수 있고, 별거 아닌 작은 것이지만 명품에도 작은 것 하나부터가 명품을 만들어나가는 생각하고, 때문에 블로그 또한 명품은 아니지만 전문성을 강조하기 위해 해줘야 한다고 생각합니다.

아이콘

우선 아이콘은 포스팅에 댓글을 달면 보이는 작은 사진입니다. 최적의 사이즈 32X32, 64X64로 파일 형식은 JPG, GIF, PNG 파일로 사용 가능하며, 저 같은 경우, 저희 집 고양이 우니 사진으로 지정해놓았습니다. 저처럼 사진으로 만들어 사용할 수도 있고, 사이트에 있는 아이콘을 사용하여 등록할 수 있습니다. 저 같은 경우 블로그를 개설할 때 바로 만들어서 등록했습니다. 그럼 이제 아이콘을 어떻게 만들지 알아보도록 하겠습니다.

무료 사용 아이콘 사이트

<아이콘 파인더>

4,425,000+ free and premium vector icons in SVG, PNG, CSH and AI format.

Iconfinder is the leading search engine and market place for vector icons in SVG, PNG, CSH and AI format.

www.iconfinder.com

<아이콘 파인더> 사이트에서는 무료로 제공하는 아이콘을 바로 다운로드할 수 있는 사이트입니다. 집적 제작하지 않기 때문에 바로 다운로드하여서 바로 등록 후 사용할 수 있는 장점을 가지고 있습니다. 단점으로는 해당 사이트에서는 자신이 가지고 있는 사진을 이용해서 아이콘을 제작할 수는 없습니다.

<아이콘 파인더> 사이트에서 검색할 때는 영어로 검색해주시면 그게 해당하는 아이콘을 보여줍니다. 저는 BLOG로 검색해봤습니다. 한글로 검색하면 해당 검색 글에 대한 이미지가 나오지 않습니다.

BLOG로 검색하면 해당하는 아이콘을 보여줍니다. 하지만 유료와 무료 아이콘이 함께 있기 때문에 Free를 눌러줘서 무료로 사용 가능한 아이콘만 보겠습니다.

아이콘을 선택하고 64px 사이즈로 선택해주고 다운로드 눌러줍니다. 티스토리 블로그 아이콘은 32X32 및 64X64 파일 형태는 PNG, GIF, JPG 사용 가능합니다. 해당 사이트는 PNG 파일로 바로 다운로드할 수 있어 아주 편리합니다. 여기까지가 자신이 갖고 있는 사진을 사용하지 않고, 사이트에서 제공하는 이미지를 바로 다운로드하여, 시간 단축하고 편리하게 사용 가능한 <아이콘 파인더> 사이트였습니다. 이번에는 내가 갖고 있는 사진을 이용해서 아이콘 만드는 방법을 알아보겠습니다.

본인의 사진을 이용해

아이콘 및 파비콘 만들기

<다이내믹 드라이브>

Dynamic Drive- FavIcon Generator

FavIcon Generator Use this online tool to easily create a favicon (favorites icon) for your site. A favicon is a small, 16x16 image that is shown inside the browser's location bar and bookmark menu when your site is called up. It is a good way to brand you

tools.dynamicdrive.com

다른 사이트에서는 16X16의 사이즈만 만들어주던 곳들에 비해, <다이내믹 드라이브> 사이트는 자신의 사진 및 그림을 이용해 32X32, 48X48의 사이즈를 만들어줍니다. 위에서 언급했듯 티스토리 블로그 아이콘 최적의 사이즈는 32X32, 64X64이지만 48X48 사이즈도 등록 가능합니다. 이제 그 방법을 알아보도록 하겠습니다.

<다이내믹 드라이브> 사이트에 접속하면 위 사진에서 볼 수 있듯 빨간 네모칸 안에 파일 선택을 눌러준 후 자신이 원하는 사진을 등록해줍니다. 파일 등록해주고, Optional에서 사진 크기를 32X32, 48X48 둘 중에 어떤 것을 크기를 사용할지 클릭해주고, Create Iocn을 눌러줍니다. 저는 48X48로 지정해준 후 사용하겠습니다.

사진 크기를 지정해주지 않으면 16X16으로 다운로드 가능하고, 위 사진처럼 저는 48X48로 이미지 크기를 지정해줬기 때문에 해당 이미지가 이렇게 표시된다고 보여줍니다.

그리고 다운로드하면 처음 다운로드한 사진은 흐릿하게 나오고, 두 번째 다운로드한 사진은 선명하게 다운로드되는데, 어차피 두 파일 모두 크기는 48X48 사이즈로 동일합니다. 혹시나 해서 미리 적어놓습니다. 신경 쓰지 않아도 되는 부분이며, 두 개 중 어떤 이미지를 사용하던 똑같습니다.

파비콘이 무엇인가?

파비콘은 우리가 인터넷 웹 브라우저 주소창을 보면 표시되는 웹사이트 및 웹페이지를 대표하는 아이콘입니다. IE7이상의 탭 기능을 지원하는 웹브라우저를 보면 상단에 이미지가 있는 것을 볼 수 있습니다.

위 사진에서 볼 수 있듯 지금 적고 있는 포스팅 대표 이미지를 파비콘으로 사용했을 때 위 사진처럼 탭 쪽에 제작한 파비콘을 볼 수 있습니다. 다음은 D 사진이며, 네이버 서치 어드바이저의 파비콘도 볼 수 있습니다.

아이콘&파비콘은 티스토리 블로그 관리 홈에서 맨 아래 블로그에서 언제든지 변경 가능하며, 사용하다 바꾸고 싶다면 새로 제작하여 변경해주시면 됩니다. 그리고 블로그 관리 홈, 플러그인에서 먼저 블로그 아이콘 표시를 설정해줍니다. 자신의 아이콘 크기를 16X16, 32X32, 64X64에서 어떤 것을 사용할지 정해주고 적용해줍니다.