오늘은 파비콘 만들기를 하는 방법을 알려드리겠습니다. 먼저 파비콘이란 인터넷창에 제목 옆에 표시되는 아이콘 같은 걸을 말합니다. 음.... 네이버로 치면 N자 모양을 들수가 있죠.
이런 파비콘을 쓰는 이유는 자신만의 개성을 살린 블로그나 홈페이지를 가지고 싶어가는 욕구가 있기 때문입니다. 저의 블로그만 해도 달모양의 파비콘있죠?ㅋ 원래는 티스토리의 T자 파비콘이겠지만 저만의 문양을 넣음으로써 만족도가 올라가죠~ 아무튼 잡설이 길었는데요. 후딱 파비콘 만드는 법을 시작해보겠습니다.
이것이 네이버의 파비콘입니다. 심플하면서 보기좋네요.
여러분도 되도록 심플하게 만드세요. 어차피 작아서 너무 복잡한 그림이면 이게 뭔 뜻하는 지 알기가 어려울 때가 있으니까요.ㅎㅎ
다양한 파비콘들... 여러분도 파피콘을 만들고 싶은 욕구가 솟아나나요?^^
그럼 이제부터 아주 쉽게 파비콘을 만드는 방법을 알려 드리겠습니다.
크게 2가지 방법이 있습니다.
1. 이미 만들어진 아이콘 다운하기
가장 쉬운 방법입니다. 외국 홈페이지를 찾아보면 파비콘을 만들어서 무료로 배포하는 곳들이 많습니다.
저도 그 중 하나를 쓴 것이구요.
아이콘이라고 한 이유는 favicon.ico 라는 파일이 파비콘이기 때문입니다. 결국 작은 아이콘인 셈이죠.
제가 추천하는 무료 파비콘 다운 홈페이지는 다음과 같습니다.
http://www.freefavicon.com/
https://www.iconfinder.com/
이곳에서 그냥 원하는 그림을 차아서 ico으로 다운받고 파비콘으로 쓰시면 됩니다. 완전 간단하죠?
(유료도 있는데 그냥 무료쓰셔도 됩니당)
.
2. 내가 파비콘 이미지 만들꺼다!!
(1) Only 나만의 파비콘 만들기
완전히 내꺼인 이미지를 만들고 싶으면 아래의 홈페이지를 들려보세요.
픽셀단위로 사용자가 직접 그림그리는 것이 가능합니다.
그리고 이것을 ico로 다운이 가능하구요. 픽셀이 커보이긴 하지만 실제로 출력되는 화면은 아주 작기 때문에 괜찮습니다.^^
http://www.favicon.cc/
(2) 내가 그린 기린 그림 파비콘 만들기
그림을 잘그리시나요? 아니면 문양 같은 것이나 사진같은 것을 ICO로 만들고 싶으신가요?
그럼 이렇게 하세요.
먼저, 이미지 파일을 준비합니다.
그리고 아래 사이트에서 변환을 해줍니다.
http://converticon.com/
(이 곳은 jpg,png와 ico 간에 변환을 해주는 홈페이지 입니다.)
그리고 파피콘으로 쓰면 끝..
★ 파비콘 적용하기
1) 파일이름을 favicon.ico로 만들어 주셔야합니다.
2) 티스토리의 경우, 관리자 화면에서 기본정보를 클릭하면 아이콘과 파피콘 넣는 곳이 있습니다. 거기에 올리면 끝.
3) 홈페이지의 경우, <head>밑에 다음과 같은 코드를 넣으면 됩니다.
<link rel="shortcut icon" href="/자신의 홈페이지 경로/favicon.ico">
댓글