기존 파비콘을 변경하기위해 오래간만에 ico제작을 하게 되었습니다. 기존에는 아이콘 제작 프로그램 설치도 있었고 포토샵 저장파일형식 추가로 ico를 제작하는 방법도 있었지만 최근에는 파비콘 제너레이터란 사이트를 통해 별도 프로그램이 없이도 손쉽게 파비콘(ico)을 제작할수 있게 되었습니다.
▶ 파비콘 : 웹사이트 주소창 옆에 표시되는 사이트를 상징하는 작은 이미지의 아이콘을 말합니다!
★ 가장 먼저해야할 일은 포토샵등의 이미지툴을 이용해서 16x16(픽셀)사이즈의 파비콘 이미지를 jpg, png, gif형식으로 만들어 준비하신후 아래 사이트주소로 방문해주세요!
※ 파비콘 제너레이터 : http://favicon-generator.org
1. 파비콘 제작 사이트에 방문하시면 위와같은 화면이 나오며 '찾아보기' 버튼을 실행해주세요!
2. '찾아보기' 버튼을 누르시면 위와같이 탐색창이 뜨면서 위에서 말씀드린것과 같이 제작해 놓으신 16x16픽셀 사이즈의 이미지를 선택하고 '열기'로 불러오기 해주세요!
3. 이미지를 불러온 상태에서 'Create Favicon' 버튼을 클릭합니다.
4. 'Create Favicon' 버튼을 클릭하시면 해당 이미지가 ico파일로 변경되어 다운로드와 코딩용 소스가 나타납니다. 문구중에서 'Download the generated favicon' 링크를 클릭하시면 다운로드가 시작됩니다.
5. 다운로드가 시작되면 저장 옆의 '▼'를 클릭합니다.
6. '▼'를 클릭후 '다른 이름으로 저장'을 클릭합니다.
7. 원하시는 위치를 선택하신후 '저장' 버튼을 누르시면 자신의 제작한 이미지로 파비콘 제작이 완료됩니다.
8. 완성된 파비콘(ico) 파일의 모습입니다.
※ 파비콘 제작 사이트에서 직접 만들기!
1. 파비콘 제작 사이트에서는 직접 만든 이미지를 ico으로 변환시켜줄 뿐만 아니라 상단 메뉴의 'Editor'를 클릭하시면 위와같이 그리기 도구를 통해 직접 디자인도 가능하게 되어 있습니다. 원하시는 이미지를 직접 그려서 완성하신후 하단의 'Creat Favicon' 버튼을 눌러주세요!
2. 동일하게 파비콘(ico)가 완성되고 위와 같이 다운로드하셔서 저장하시면 완료됩니다!
※ 완성된 파비콘(ico)파일 이용하기!
▶ 파비콘 사이트 상단 메뉴 3번째 'Gallery'로 가시면 여러사람들이 직접 만들어서 공유해논 파비콘들을 보실수 있습니다. 마음에 드시는 파비콘을 '마우스 오른쪽 버튼' 누르시고 '다른 이름으로 사진저장'을 이용하시면 바로 다운로드해서 이용이 가능합니다.
※ 티스토리에 파비콘 적용하기!
1. 티스토리 관리자페이지의 좌측메뉴에서 환경설정에 '기본정보' 를 클릭해주세요!
2. '기본정보'를 클릭하시면 우측으로 아이콘 설정영역이 보이시고 파비콘에서 '찾아보기'를 누르신후 만드신 ico파일을 불러오신후 하단에 '저장' 버튼을 눌러주시면 파비콘 적용이 완료됩니다.
파비콘 적용하고 싶으신분들은 제작 사이트를 이용해 쉽게 만들어서 적용해보시면 좋을꺼 같네요!
copyright @ xinsound (씬사운드) all rights reserved.