서핑하다가보면 주소창에 독특한 아이콘을 가지고 있는 싸이트를 많이 보셨을 껍니다.
파비콘만드는 프로그램도 따로 있지만 그냥 일반적으로 사용하던 포토샵에서 단순하게 만들어보기로 한다.
물론 프로그램을 가지고 계신분은 패스~~
1. 실행중이라면 포토샵을 닫는다...과감히...
2. 아래 싸이트에서 하단까지 작업한 내용을 ico로 변환하면 된다.(이미지는16px X 16px을 추천합니다.)
http://www.chami.com/html-kit/services/favicon/
3. 포토샵을 다시실행하여서 파비콘으로 만들이미지를 불러온다.
4. 이미지사이즈를 동일하게 조절한다.
5. 만들어진 이미지를 아래그림처럼 16*16 또는 24*24 또는 32*32 또는 48*48로 만든후 jpg나gif 또는 png로 저장한다.
6.모두 닫은후 저장한 이미지를 불러온 후 sava as한후 아래와같이 저장하면 완성...
7. 물론 꼭 그런건 아니지만 가능하면 이름을 favicon으로 만들어야 좋겠다...
8. 만든 화일을 홈페이지계정에 올린다.
9. <link rel="shortcut icon" href="./화일경로/favicon.ico" />란 내용을 <HEAD>와</HEAD>사이에 추가하여 준다.
단, 티스토리블로그에서는 환경설정->기타설정에서 화일을 올려서 적용할 수 있다.
10. 참, 마지막으로 익스6에서는 거의 바로 보이지 않을 것이다.
며칠이 지나면 적용될것이다...

댓글을 달아 주세요