본문 바로가기
WWW

아이콘과 파비콘 만들기

글: 논어일기 2020. 11. 6.
반응형

아이콘(Icon): 이미지(image)를 뜻하는 그리스말에서 왔다. 동방 정교회에서 종교적인 그림을 일컫는 말이었다.

파비콘(favicon): 좋아하는(favorite) 아이콘(icon)을 줄인 말이다. 인터넷 브라우저 탭에서 블로그 이름 앞에 나타나는 그림을 일컫는다. (# 옛날엔 브라우저 주소창 주소 앞에 나타났었다.)

티스토리 블로그는 블로그 이미지, 아이콘 그리고 파비콘을 넣을 수 있다.

아이콘은 여러 가지 파일 형식(JPG, GIF, PNG)을 지원하므로 아이콘으로 쓰고 싶은 그림 파일을 적당한 크기 32x32, 64x64로 편집해서 올리면 된다.

그런데 파비콘(favicon)은 ICO 형식으로 만든 파일만 올릴 수 있다. 파비콘을 어떻게 만들까? 고민하지 말고 아래 링크한 사이트에서 만들면 된다. 찾아보면 여기 말고도 많으니 입맛에 따라 골라 쓰자. 블로그를 대표하는 이미지로 어떤 것이 알맞은가는 블로거가 생각할 일이다. 먼저 만든 블로그 수학 이야기에서는 파비콘으로 합의 기호 $\sum$를 쓰고 있다. 새로 만든 블로그엔 어떤 걸 쓸까 고민이다.

icoconvert.com/

 

ICO Convert - Create Icons From PNG & JPG Images Online

ICO Convert is a free online icon maker and favicon generator, with it you can make icons from png or jpg images, just upload a photo of yourself, resize and crop it, convert to a shape you like, add borders and shadows, and save it as a PNG image or Windo

icoconvert.com

아이씨오로 바꾸기란 제목이 보인다. 파비콘으로 만들 적당한 파일을 고르자. 파비콘은 아주 작게 보이기 때문에 복잡한 그림보다는 간단한 그림이 좋다. 대충 케이크 사진을 골랐다. 

1단계: 사진을 올린다.

2단계: 사진을 자른다.(선택 사항이니 그냥 넘어가도 된다.)

3단계: 파비콘 모양을 고른다. 여러 가지를 동시에 골라도 된다.

4단계: 파일 형식을 고른다. 파비콘을 만들기 위해 ICO형식을 고르고 적당한 크기를 선택한다.

5단계: 바꾸기 단추를 누르고 내려받기하면 끝이다.

테두리가 있는 것과 없는 것 두 가지 파비콘이 만들어졌다.

예상대로 너무 작아서 탭에서 케이크로 보이지 않는다. 다른 사이트를 살펴보면 대부분 머리 글자만으로 로고처럼 만들어야 하는데 다음으로 미룬다.

반응형