티스토리 뷰
Favicon이라는 것이 있다.
'Favorate + Icon' 의 합성어인데 즐겨찾기(북마크) 아이콘 정도로 해석하면 되겠다.
그림에서 보듯이 네이버를 자주찾기할 경우 URL(http://~~~) 앞에 나오는 네이버를 상징하는 모자 아이콘을 파비콘이라고 부른다. 이런 아이콘은 즐겨찾기 등록시 눈에 띄어 다른 사이트에 비해 더 호감이 갈 수 있게 할 수 있다. 또한 그 사이트의 대표 이미지를 주로 사용함으로 인해 그 사이트를 각인시킬 수 있는 효과도 가져오게 된다.
보통 크기는 16*16 (픽셀)또는 32*32 등이 사용된다. 파일을 만든후 웹서버에 파일을 저장하고 홈페이지 첫 화면을 뿌려주는 html문을 <head>와 </head>사이에 넣어주면 된다. 일반적으로 index.htm(l)을 사용하므로 해당 파일의 head문 사이에 넣으면 된다.
(예)
<head>
...
<link rel="shortcut icon "href=이미지 저장 주소/파일이름.ico">
...
</head>
아이콘은 ico 파일 형태로 만들어야 한다. 온라인으로 무료로 만들어 주는 사이트가 있다.
자, 이제 실제 icon을 만들어 자신의 웹서버에 한번 올려 보자. 자신의 사진이나 아기, 좋아하는 동물이나 각종 사진을 간단하게 변환하여 홈페이지 주소를 더욱 빛나게 만들어 보자! 친구에게 한마디 해주자. 내 홈페이지 꼭 북마크해야 해~~~~ ^^
이곳에서 파비콘을 만들고 싶은 이미지 파일을 만들면 ico 파일로 만들어 준다.
'Favorate + Icon' 의 합성어인데 즐겨찾기(북마크) 아이콘 정도로 해석하면 되겠다.
그림에서 보듯이 네이버를 자주찾기할 경우 URL(http://~~~) 앞에 나오는 네이버를 상징하는 모자 아이콘을 파비콘이라고 부른다. 이런 아이콘은 즐겨찾기 등록시 눈에 띄어 다른 사이트에 비해 더 호감이 갈 수 있게 할 수 있다. 또한 그 사이트의 대표 이미지를 주로 사용함으로 인해 그 사이트를 각인시킬 수 있는 효과도 가져오게 된다.
보통 크기는 16*16 (픽셀)또는 32*32 등이 사용된다. 파일을 만든후 웹서버에 파일을 저장하고 홈페이지 첫 화면을 뿌려주는 html문을 <head>와 </head>사이에 넣어주면 된다. 일반적으로 index.htm(l)을 사용하므로 해당 파일의 head문 사이에 넣으면 된다.
(예)
<head>
...
<link rel="shortcut icon "href=이미지 저장 주소/파일이름.ico">
...
</head>
아이콘은 ico 파일 형태로 만들어야 한다. 온라인으로 무료로 만들어 주는 사이트가 있다.
http://www.chami.com/html-kit/services/favicon/
자, 이제 실제 icon을 만들어 자신의 웹서버에 한번 올려 보자. 자신의 사진이나 아기, 좋아하는 동물이나 각종 사진을 간단하게 변환하여 홈페이지 주소를 더욱 빛나게 만들어 보자! 친구에게 한마디 해주자. 내 홈페이지 꼭 북마크해야 해~~~~ ^^
이곳에서 파비콘을 만들고 싶은 이미지 파일을 만들면 ico 파일로 만들어 준다.
반응형
댓글
