파비콘(favicon) 만들기 - 주소표시줄 앞의 작은 이미지
IT 정보/Computer |
2015. 5. 26. 19:24
336x280(권장), 300x250(권장), 250x250, 200x200 크기의 광고 코드만 넣을 수 있습니다.
파비콘(favicon) 만들기 - 주소표시줄 앞의 작은 이미지
파비콘(favicon) 만들기
1. 파비콘(favicon)이란?
· 아래 이미지와 같이 주소표시줄(url 입력 부분) 앞부분의 사이트를 상징하는 작은 이미지를 말합니다.
(네이버의 파비콘)
2. 파비콘 만들기
· 포토샵 등 이미지 편집 프로그램을 이용하여 ico 파일을 만들기
· 'Favicon Generator' 사이트에 이미지를 등록하여 자동으로 ico 파일 만들기
(사이트 url : http://favicon-generator.org)
① 'Generate only 16x16 favicon.ico' 선택 후 파일첨부(Create Favicon)
② 'Download the generated favicon' 클릭 후 다운로드
위와 같이 간단하게 제작이 가능합니다.
그럼 이제 파비콘을 적용 시킬 차례죠?
웹페이지의 소스 상단 head 부분에 아래와 같이 제작한 파비콘 이미지의 경로를 입력하면 됩니다.
물론 웹상에 업로드가 되어 있어야 됩니다.
<link rel="shortcut icon" href="파비콘 이미지 경로" type="image/x-icon">
<link rel="icon" href="파비콘 이미지 경로" type="image/x-icon">
ex)
<link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon">
<link rel="icon" href="/img/favicon.ico" type="image/x-icon">
파비콘(favicon) 만들기 - 주소표시줄 앞의 작은 이미지
'IT 정보 > Computer' 카테고리의 다른 글
| 엑셀에서 난수번호 생성하기(난수번호 만들기, 시리얼넘버 생성, 시리얼번호 생성 (0) | 2015.01.22 |
|---|---|
| MS, '윈도우9' 무료 업그레이드로 제공한다 (0) | 2014.09.30 |
| [업데이트오류]윈도우 업데이트로 PC 망가져…MS 뒤늦게 제거 권장 '문서 번호 MS14-045' (0) | 2014.08.18 |
| MS, 인터넷 익스플로러 패치 배포…즉각 설치 권고 (0) | 2014.05.02 |
| 5월 연휴 보안사고 막기위한 '3대 보안수칙'은? (0) | 2014.04.29 |
