주소창 앞에 나만의 아이콘달기

홈페이지나 블로그를 방문하다 보면 아래와 같이 주소창 앞에 아이콘이 붙어 있는 곳이 있다.

모르는 사람에게는 웬지 대단해 보이기만 한다.

그래서 오늘은 이 아이콘을 달아 보기로 했다.

먼저 아이콘으로 사용할 이미지를 포토샵이나 기타 그래픽 툴로 그린다.

주의할점은 가로 x 세로 사이즈를 같이만 해서 디자인 하면 된다.

디자인 작업을 마치었으면 JPG 포맷으로 내컴퓨터에 저장을 한다.

다음으로 이미지를 아이콘 파일로 변환해주는 프로그램을 사용해야 하는데, 자주 사용하지 않는 경우라면 궃이 설치할 필요없이 인터넷에서 바로 사용가능한 사이트를 추천한다.

이 사이트에서 상단의 click to browse 를 클릭하여 내 컴퓨터에서 저장한 아이콘 이미지를 불러온다.

자동으로 여러종류 크기의 아이콘 파일을 생성해 준다.

주소창 앞에 사용할것은 16 x 16 이므로 16 x 16 에 마우스를 대고 오른쪽 마우스를 클릭하여 다른 이름으로 사진저장을 한다.

관리페이지에서 HTML/CSS 편집 을 클릭한다.

이용중인 본인의 서버가 없으면 티스토리 아무곳에나 올리고 그 그림의 경로를 적어주어도 된다.

이제 나만의 아이콘이 생성되었다.