아이콘 만들기, 파비콘 만들기(+적용방법)

 

티스토리 블로그 관리 홈에서[관리> 블로그]에는 아이콘과 파비콘이 있다.

이번 글에서는 아이콘과 파비콘을 만들어서 블로그에 적용시키는 방법에 대해 작성하려고 한다.

 

1. 아이콘이란?

보통 아이콘 하면 컴퓨터 바탕화면의 명령을 실행시킬 수 있는 그림을 생각하는데, 티스토리에서 아이콘은 그 그림이 닉네임 앞에 붙은 것을 말한다. 

나의 경우는 내 닉네임인 vitakkon의 K를 써서 아이콘을 만들었고, 아이콘을 적용시키면 이처럼 닉네임 앞에 작은 그림이 붙게 된다.

아이콘은 만드는 사람의 취향에 따라 다양하게 만들 수 있으며, 난 단순하게 문자 K로 만들었다.

 

2. 파비콘이란?

파비콘도 마찬가지로 아이콘과 같은 그림으로 만들었다.

비타꼰의 블로그에 접속하게 되면 보이는 인터넷 창이다. 내 블로그 이름 앞에도 아이콘과 같은 작은 그림이 보이게 되는 게 이것이 파비콘이다.

그렇다면 왜 아이콘과 파비콘을 만들어야 할까?

나를 표현해주는 수단으로 사용하는 경우가 많지만, 난.그냥 예뻐서다.

아마도 티스토리의 매력은 이렇게 블로그를 하나 하나 예쁘게 꾸며가는 게 아닐까?

 

 

아이콘 만들기

 

아이콘을 만들어 보자.

아이콘에는 최적 사이즈 32x32, 64x64 / 파일 형식 JPG, GIF, PNG 으로 만들라는 설명이 있어서, 난 64x64 사이즈로, 파일형식 PNG으로 만들기로 정하고, 평소 사용하던 포토샵을 실행시켰다.

 

 

새 창을 열어준다. (File>New)

 

 

해상도를 설정한다.

Width: 64 pixels

Height : 64 pixels

Resolution : 72 pixels

 

아이고, 새 창이 엄청 작다.

 

왼쪽 하단에 색상 바꾸는 팔레트가 있으니 클릭한다.

 

원하는 색상을 선택한다.

 

Edit> Fill로 전부 칠해주었다.

 

단축키 T를 눌러서 원하는 문자를 쓴 후에, 글씨체도 바꾸었다.

 

(File> Save as)

파일 형식은 PNG로 저장한다.

아이콘이 완성되었다!

색을 칠하고, 문자만 쓰는 것으로 간단하게 만들었는데, 포토샵 툴을 이용하여 다양한 그림을 그리거나, 사진을 불러와서 기본 크기 안에 맞추는 방법도 있겠다.

 

비슷한 방법으로, 그림판에서도 아이콘을 만드는 게 가능하다.

 

그림판을 실행한다.

 

 

캔버스> 캔버스 크기 조절

너비 64px 높이 64px

가로 세로 비율 고정 해제를 해줘야 정사각형이 만들어진다.

 

 

브러시> 채우기> 색상 선택

 

- 채우기 아이콘 -

 

텍스트> 문자 쓰기

 

 

 

 다른 이름으로 저장> 이미지> PNG

그밖에도직접 그림판에서 그림을 그리는 방법도 있고, 다른 그림, 사진 파일을 불러와서 원하는 크기로 자른 후에 만들어도 된다. 이처럼 아이콘을 만드는 방법은 다양하다.

 

파비콘 만들기

 

파비콘을 새로 만들어도 되지만, 방금 만든 아이콘을 그대로 사용하려 한다. 그리고 파비콘의 설명에는파일 형식 ICO라고 적혀있어서 파일 변환이 필요하다.

 

ICO로 변환시켜주는 곳이 많은데, 난 구글에서 "ICO 변환"으로 검색하여, 가장 첫 번째로 보이는 사이트에 들어갔다.(https://convertio.co/kr/)

이 사이트 말고도 다른 사이트들이 많이 있으니 원하는 곳에서 변환하면 된다.

 

 

회원가입은 필요 없다.빨간 이미지의 "파일 선택" 클릭하여 만든 아이콘을 선택한다.

 

 

오른쪽 빨간색 변환을 클릭한다.

 

 

몇 초만 기다리면 변환이 완료되어 다운로드가 가능하다.

[끝]

 

 

아이콘 +파비콘 적용하기

 

이제 만든 아이콘과 파비콘을 티스토리에 적용시켜야 한다. 아까 처음의 블로그 관리 화면으로 넘어가자.

 

 

아이콘, 파비콘을 각각 불러온 후에, 변경사항을 저장한다.

 

(블로그 관리 홈> 플러그인)

블로그 아이콘 표시 플러그인을 선택한다.

 

 

 

 

원하는 아이콘 크기를 선택한 후에 적용을 클릭한다.

아이콘과 파비콘이 적용 완료되었다!

 

 

밋밋하던 닉네임과 인터넷 창이 만족스럽게 바뀌었다.

직접 만들고 싶어서 이렇게 만들게 되었지만, 더 편한 걸 찾는 분들이 계신다면, 이미 만들어진 아이콘과 파비콘을 검색해서 바로 적용만 하는 방법도 있다.(구글에서 아이콘 무료로 검색하자.)